html基础知识day1

梦里梦外; 2024-02-18 16:04 8阅读 0赞

1.  
font标签不赞成使用  
font的三个属性  
size 的最大值为7、  
face 规定文本字体  
color 规定字体颜色  
  
2.  
怪异模式：  
为了兼容一些旧的页面，浏览器设置了两种解析模式  
标准模式：  
怪异模式：怪异模式解析网页时会产生一些不可预期的行为，所以我们应该避免怪异模式的出现  
避免怪异模式的最好方式就是在页面中编写正确的doctype  
3.

元素：我们将一个完整的标签称为元素

乱码问题：根本原因 编码的解码的规则不一致  
  
常见的字符集：ASCII、ISO-8859-1、GBK、GB2312、UTF-8（万国码）ANSI:根据系统自动编码  
  
转化问题：编码问题，计算机在保存的时候将内容转化为二进制转化为2进制编码  
  
读取问题：将二进制编码转化为我们能认识的内容  
  
字符集：编码和解码的规则称为字符集  
  
在中文的浏览器中默认采用GB2312

使用html的标签时我们关注的不是表现而是标签的语义

在标题标签中h1~h6重要程度依次降低，h1的重要程度仅次于title标签，h1会影响到页面中在搜索引擎的排名，一个页面一般只用一次，一般页面中只是用h1、h2、h3以后的基本不用

段落标签p:表示一个段落

hr：水平线标签

9.实体：  
在html中一些如<>这种特殊字符是不能直接使用，需要用一些特殊符号来表示这些特殊字符，我们把这些特殊符号称为实体（又称为转义字符）  
实体语法：  
&实体名；  
eg:< <  
> <  
&nbsp; 空格  
&copy; 版权符号  
  
10.图片标签：img  
使用img标签向外部引入一张图片  
img也是一个自结束标签  
src:属性 设置一个外部图片的路径  
alt:可以用来描述图片 搜索引擎可以通过alt属性来识别不同的图片  
如果不写alt属性，则搜索引擎不会对图片进行收录  
width：设置图片的宽度 单位px  
height：设置图片的高度 单位px  
如果宽度和高度只设置一个，另一个也会同时等比例缩小  
  
  
11.相对路径：  
相对于当前资源所在的位置 当前资源：该网页所在的目录  
../ 当前文件所在目录的上一级  
返回几级目录就写几个../  
  
12. 图片格式：  
gpeg:支持颜色比较多，图片可以压缩，但不支持透明  
一般使用jpeg用来保存照片等颜色丰富的图片  
gif:支持颜色少，支持简单的透明，支持动图  
图片颜色单一或者动图时可以用gif  
png:支持颜色比较多，并且支持复杂颜色透明  
可以用来显示颜色复杂的透明的图片  
  
13. 图片使用原则：  
效果不一致，使用效果好的；  
效果一致，使用小的。  
  
14. meta：  
1.用来设置网页中的关键字  
ge:<meta name="kewords" content="html5 ,java, 前端 " />  
2.可以用来指定网页的描述  
eg:<meta name="description" content="发布有关学习的最新的消息">  
搜索引擎在检索页面时，会同时检索关键词的描述，但这两个词不会影响页面在搜索引擎中的排名  
3.可以用来做请求的重定向  
<meta http-equiv="refresh" content="5;url=http//:www.baidu.com">

15.xhtml的语法规范

1.html中不区分大小写，一般使用小写、  
2.html中的注释不能嵌套  
3.html中标签必须结构完整，要么成对出现，要么自结束。  
4.html的标签可以嵌套，但是不能交叉嵌套  
5.html中的属性必须有值，值必须用双引号包起来（单双引号都可以）  
  
  
16.内联框架：  
使用内联框架可以引入一个外部网页  
使用iframe来创建一个内联框架  
属性：  
src:指向一个外部页面的路径，可以使用相对路径  
width：  
height：  
name:  
在实际的开发过程中不推荐使用内联框架，因为内联框架不会被搜素引擎检索  
  
  
17.超链接：  
可以从一个页面跳转到另一个页面  
标签 a  
属性：  
href  
target(可以用来指定打开链接的位置): \_self（在当前窗口中打开（默认值））/\_blank(在新的窗口中打开)/可以设置一个内联框架的name属性的值，超链接将会在指 定的内联框架中打开  
如果将链接的地址设置为\#，则点击链接以后会自动跳到当前页面的顶部  
如果想跳到指定的位置可以使用id属性来设置。直接在herf中写\#id属性值  
eg:<a href="\#bottom">  
center标签中的内容默认会居中显示，可以将所有要居中的内容全部放在center标签中  
  
18.如何用超连接发送邮件？  
eg：herf="mailto:zlb@163.com"  
这种方式会打开计算机的默认客户端，且将收件人设置为mailto后的邮件地址