- 文件标签:构成html最基本的标签
- html:html文档的根标签
- head:头标签。用于指定html文档的一些属性。引入外部的资源
- title:定义标题标签
- body:体标签
- <!DOCTYPE html>:html5中定义该文档是html文档
- 文本标签:和文本有关的标签
- <h1> to <h6>:标题标签
- <h1>到<h6>字体大小逐渐递减
- <p>:段落标签
- <br>:换行标签
- <hr>:显示一条水平线,自闭和标签,<hr/>,也可以不用写斜杠
- <hr color='red' wideth="200" size="10" align="left"/>
- color:颜色 wideth:宽度 size:高度
- align:对齐方式
- left middle right
- <b>:字体加粗
- <i>:字体斜体
- <font>:字体标签
- 属性:
- color:颜色
- size:大小
- face:字体
- 属性:
- <center>:居中
- 属性的定义:
- color:
- 英文单词: red,green,blue
- rgb(值1,值2,值3):值的范围:0-255 如 rgb(0,0,255)
- #值1值2值3:值的范围:00~FF之间。如:#FF00FF
- width:
- 数值:width='20',数值的单位,默认是px(像素)
- 数值%:占比相对于父元素的比例
- color:
- <h1> to <h6>:标题标签
- 图片标签:
- img展示图片,自闭和标签
- 属性:
- align:top ,right...
- alt:古镇,图片加载失败显示图片替换信息
- width:宽度 height:高度
- src:指定图片的位置
- 路劲的写法:
- 相对路径:以.开头的路径
- ./:代表当前目录
- ../:代表后退上一级目录
- 相对路径:以.开头的路径
- 路劲的写法:
- 列表标签:
- 有序列表:按照顺序编号排列
- ol:按照1234或者abcd,通过type属性来去指定,type="A"表示abcd
- 有序列表:按照顺序编号排列
,确定起始字母可以用start="B",表示从B开始
-
-
- li:写在ol标签内部的每一项中
- 无序列表:没有顺序编号
- ul:修改每一项前面的标号可以通过type="square" 可以通过网上查询修改
- li:写在ul标签内部的每一项中
-
- 链接标签:
- a:定义一个超链接
- 属性:
- href="超链接点击后跳转的资源位置",访问指定的URL
- target="_self" 本页面打开超链接 target="_blank" 新的页面打开超链接
- 属性:
- a:定义一个超链接
,指定打开资源的方式
3. href="mailto:+邮箱地址" 默认打开本地的邮件客户端
4. 和<img>标签混合使用,达到点击图片到达另一个页面的情况<a href="..."><img src="..."></a>
- div和span:
- sapn:默认情况下文本信息在一行展示,行内标签,内联标签
- div:默认一个div占满一整行,块级标签
- 二者都没有多么大的用处,最终只是和css配套使用的
- 语义化标签:html5中为了提高程序的可读性,提供了一些标签
- <header></header>
- <footer></footer>
- 表格标签:
- <table></table>表示一个表格
- 属性:
- width:宽度
- border=1表示允许边框
- cellspacing=0表示不允许单元格之间的空白
- bgcolor:表格背景色
- align:表示对齐方式
- 属性:
- 在<table></table>里面包围着<tr></tr>表示一行
- bgcolor:背景色
- align:文本对齐方式
- td:定义单元格 写在tr里面
- colspan:合并列
- rowspan:合并行
- th:定义表头单元格 加粗居中
- <caption>:定义表格名称
- <thead>:表示表头部分
- <tbody>:表格体部分
- <tfoot>:表格脚部分
- <table></table>表示一个表格