|
今日学习的内容： HTML的常用标签标签语义：指的是标签的含义作用：合理的标签会让页面结构更加清晰标题标签：概念：为了使网页能够区分哪些是文字哪些是标题，需要使用标题标签，HTML提供了6个，<h1>~<h6>h是head的缩写，意为头部、标题语义：作为标题来使用，重要程度以此递减特点：1.加了标题标签的文字会变粗，字号从h1到6依次变小2.每一个标题标签都单独占一行段落标签用<p></p>标签来定义段落语义：html文档中来分割段落的特点：1.文本在一个段落里会根据浏览器窗口大小进行自动换行2.段落之间保有空隙换行标签HTML中使用 br标签可以实现强制换行特点：br是一个单标签br只是简单的开始新的一行，与段落相比间距并不大文本格式化标签概念在网页中我们经常要对字体进行设置 粗体、斜体、下划线等等，这是就需要用到文本格式化标签语义：突出文字重要性，比普通文字更加重要加粗标签<strong></strong>>或者<b></b>倾斜标签<em></em>或者<i></i>删除线<del></del>或者<s></s>下划线<ins></ins>或者<u></u><div></div>和<span></span>标签是没有语义的，它们的作用就是装内容的盒子div是英文division的缩写，代表分割、分区的意思span代表跨度、跨距的意思特点div是用来布局网页内容的，每个div会独占一行span标签一行上可以有多个，达到浏览器边缘会自动换行标签的属性属性：简单理解就是这个标签的特性多个属性值用逗号隔开属性是用等号分开的名值对属性的值必须用双引号引起来标签的属性可以有多个，并且没有先后顺序，用空格隔开图像标签 <img>标签来声明图像常用的标签属性属性名：src（必须属性）属性值：图片路径属性名：alt（替换文本，图片不能显示出来时，可以说明图片是什么）属性值：文本属性名：title（鼠标停留所显示出的东西，适用于超链接）属性值：文本属性名：width（宽）属性值：像素值属性名：height（高)属性值：像素值单独设置宽或高，可以进行等比例缩放属性名：border（增加边框)属性值：像素值路径相对路径：以当前文件所在位置为参考的，建立出来的目录路径就是相对路径，简单来说就是图片相对于文件的位置绝对路径：不论当前文件的位置，我们用绝对路径的时候都可以找到所需图片的位置，绝对路径是从盘符（根目录）下开始的路径超链接在html中，使用<a></a>标签来定义超链接超链接的语法<a href="跳转的目标" target="目标窗口的打开方式“>文本或者图像</a>href：用于指定链接目标的url地址，是必须属性target：用于指定链接页面的打开方式_self 是默认值，代表在当前页面进行打开_blank 代表在新窗口打开超链接的分类1.外部链接，直接链接到外部的一个超链接文本2.内部链接，网站内部页面之间的相互链接3.空链接，如果在实际开发中不知道链接应跳转到何处，可以临时用空链接来代替（#来代替）4.下载链接：如果href里面指定的地址是一个文件或者压缩包，那么点击之后会直接下载该内容5.网页元素链接：在网页中的各种元素，比如图片、视频、表格等等都可以添加超链接6.锚点链接，点击链接，可以迅速定义到页面的某个位置在href属性中，设置#名字的形式在目标位置标签添加一个id属性 = 刚才定义的名字即可base标签给页面上的所有链接固定一个默认的url给页面上的链接地址提供一个前置的相同的路径，方便后续的路径拼接使用head下只能使用第一个base，一般放在第一行，其他有若存在则失效HTML的注释和特殊字符CTRL+/ （注释）注释可以在不显示页面的情况下，解释代码，便与阅读html的注释标签是以<！--注释内容-->来表示特殊字符表格标签为什么使用？为了让数据显示的更加规整，增强刻度性表格的基本语法：<table></table>标签用于定义表格<tr></tr>标签用于定义表格中的行，必须嵌套在table中<td></td>标签用于定义表格中的单元格，必须嵌套在tr中<th></th>标签用于定义行的内容是否是表头内容，表头内的字会加粗显示，并且居中表格的属性表格标签的这些属性一般我们在开发中不常见，后面会通过css来进行设置，目前主要记住属性名字及对应值属性名：align（规定表格的对齐方式）属性值：left、right、center属性名：border（规定表格单元是否有用边框，默认为””，表示没有边框）属性值：“”或者1属性名：cellpadding（规定单元格边沿与其内容之间的空白，默认是一个像素）属性值：像素值属性名：cell spacing（规定单元格之间的空白，默认两个像素）属性值：像素值属性名：width（规定表格宽度）属性值：像素值表格的结构标签<thead></thead>代表表格的头部区域，内部必须拥有<tr></tr>标签和<th></th>标签，一般位于表格的第一行<tbody></tbody>代表表格的主体区域，主要用来放数据本体合并单元格合并方式：1.跨行合并：rowspan=“合并单元格的个数“2.跨列合并：clospan=”合并单元格的个数“合并步骤：1.确定要合并的第一个单元格2.确定跨行还是跨列，并且写明要合并单元格的个数3.删除被包括的单元格
| 
