1.html (标签语言 超文本标记语言)由n多个不同的标签组成 1)遵循http协议 2.1)网页的本质是html文件 2)html的本质是纯文本文件 3.!->回车 出来的是网页的基本格式 4.网站的基本结构: <html></html> <head></head> <body></body> 5.html的标签结构 1)html文件标签组成 标签分两种:01:单标签 02:双标签 2)写法: 单标签01:<xxx> 双标签02:<xxx></xxx> 6.一个标签分为三个部分: 名字、属性、内容 <xxx属性1 = “zzz” 属性2 = “zz”> aaa</xxx> xxx ->名字 属性1 = “zzz” 属性2 = “zz” ->属性,zzz是属性值 aaa -> 内容 例:<a herf="http://www.baidu.com">百度一下,你就知道</a> 7.双标签 : 开始标签和结束标签之间的文本是内容 单标签 : 没有内容 8.html标签 1)<!--h1到h6标签是标题标签 用于显示网页内容的标题, h1最大h6最小--> 2)<!--a标签 超链接标签 用于页面之间的跳转 href属性:表示点击之后跳转的地址 --> <!--target属性:表示表示跳转页面在那个窗口打开 blank:表示新窗口--> 3)<!--p段落标签--> 4)<!--在编写html代码时,为了保证代码格式,使用tab回车键。但这些内容不会在页面中显示--> <!--br用于换行 break--> 5)<!--img标签 image 用于显示(插入)一张图片,是单标签--> <!--src属性 表示图片显示的地址 ;alt属性 表示图片加载失败时所替换的文本--> 6)<!--一条分割线--> 9.html转义字符 <!--在html文件中,需要使用某些字符,不会被浏览器解析的、或是被浏览器认为是标签的字符, 需要使用转义字符 &xxxx; --> 1)<!--< 表示'<' --> 2)<!--> 表示'>' --> 3)<!-- 表示空格 --> 4)<!-- 表示空格--> 5)<!--& 表示 & 符号 --> 10.css选择器 1)#id 2) .class 11.<em>标签、<strong>标签、<span>标签 1)<em></em> 表示强调 2)<strong></strong> 表示更强烈的强调 3)<span></span> 没有语义,是为了设置单独的样式 需要在<style>里边注视(写css代码) 12. 1)<q>标签 对简短文本的引用实现引用(作家的诗句、话) <q>标签 引用文本</q> 不用加双引号 2)<blockquote>标签 长文本引用 <blockquote>标签 引用文本</blockquote> 13.<br> 标签 换行 14. (注意分号) 打印空格 15.<hr>标签 添加分割线 16.<address> 标签 联系地址信息</address> 17.<code>标签、 <pre>标签 1)<code>代码语言</code> 2)<pre>语言代码段</pre> 18.<ul>标签(无序列表) 添加信息列表 <ul> <li>信息</li> <li>信息</li> ... </ul> 19.<ol>标签(有序列表) 添加图书销售排行榜 <ol> <li>信息</li> <li>信息</li> ... </ol> 20.<div>标签 <div>...</div>相当于一个容器