今日学习内容
1.HTML的常用标签
标题标签:<h1></h1>
段落标签:<p></p>
换行标签:<br>
文本格式化标签:
<div>和<span>标签:<div></div> <span></span>
标签的属性:多个属性值用逗号隔开;属性是用等号“=”分开的名值;属性的值必须用双引号引起来;标签的属性可以有多个,而且没有先后顺序,用空格来隔开
图像标签:<img src="" alt="" title="" width="" height="" border="">
路径:相对路径/绝对路径
超链接
外部链接,直接链接到外部的一个超链接文本
内部链接,网站内部页面之间的相互链接
空链接,在实际开发中不知道链接应该跳转到何处,可以临时使用空链接来代替
下载链接,href里指定的地址是一个文件或者压缩包,那么点击之后会直接下载该内容
网页元素链接:在网页中的各种元素,比如图片、视频、表格等等,都可以添加超链接 锚点链接,点击链接,可以快速定义到页面的某个位置:在href属性中,设置#名字 的形式;在目标位置标签 添加一个id属性 = 刚才定义的名字即可
base标签:base标签为页面上的所有的相对链接规定了默认的url(在一个文档中,最多只能使用一个<base>标签,而且<base>标签必须位于<head></head>标签的内部,一般放在第一行的位置)
HTML的注释和特殊字符:如果在HTML文档中添加一些便于阅读但是又不需要进行显示在页面上的情况下,就可以使用注释标签。html的注释标签是以<!-- 注释内容 -->来表示的
表格标签:
- <table></table>标签用于定义表格
- <tr></tr>标签用于定义表格中的行(table row),必须嵌套在<table></table>标签中
- <td></td>标签用于定义表格中的单元格(table data),必须嵌套在<tr></tr>标签中
- <th></th>标签用于定义行的内容是否是表头内容,表头内的字体会加粗显示,并且可以居中对齐
表格属性:align表格的对齐方式由 left right centerborder 表格的边框 默认值”“
cellpadding 表格边沿与表格内容的距离默认为1个像素
cellspacing 单元格与单元格之间的距离 默认为2个像素
width 设置表格宽度
表格的结构标签:<thead></thead>代表表格的头部区域,内部必须拥有<tr></tr>标签和<th></th>标签,一般位于表格的第一行。
<tbody></tbody>
合并单元格
跨行合并:rowspan=“合并单元格的个数”跨列合并:colspan=“合并单元格的个数”
合并单元格的步骤:
确定要合并的第一个单元格
确定跨行还是跨列合并,并且要写明要合并单元格的个数
将被合并的单元格给删除掉或者注释掉
今日遇到的问题:相对路径
解决办法:练习题
|