|
一， 常用标准 1.标签语义：指的是标签的含义，简单来说就是这个标签是来干什么的 作用：合理的标签会让页面结构更加的清晰 2.标题标签 概念：为了使页面能够区分哪些文字是标题，需要使用标题标签，HTML给我们提供了6个标题标签，即<h1>-<h6> 3.ctrl+f是格式化 4.段落标签：我们用<p></p> P是program 缩写 意为段落 语义：html文档中分割段落 特点：文本在一个段落里会根据浏览器的窗口的大小自动换行 段落在段落之间保有空隙 5.换行标签<br> HTML中使用 <br> 标签可以实现强制换行 B是break的缩写 意为打断 特点：是一个单标签 只是一个简单的开始新的一行，段落和换行相比 段落垂直间距更大 6.文本格式化标签 概念： 在网页中我们经常对文字进行设置粗体，斜体，下划线等，这就需要用到文本格式化标签 语义：突出文字重要性。 加粗标签：<strong></strong>或者 <b></b> 倾斜标签;<em></em>或者<i></i> 删除标签:<del></del>或者<s></s> 下划线标签:<ins></ins>或者<u></u> 7.<div><span> <div><span是没有语义的 他们的作业就是装内容的盒子 Div是英文 division 代表分割 分区的意思 span代表跨度，跨距的意思 特点;div 是用来布局网页内容的 每个div会独占一行 Span标签一行上可以有多个，达到浏览器边缘自动换行 二，标签的属性 1. 属性 多个属性值用逗号隔开 属性是用等号分开的名值对 属性的值必须用双引号引起来 标签的属性可以有多个，而且没有先后顺序 三，图像标签，考试 1.<img>标签声明标签 2.常用的标签属性 Scr：是图片路径 图片引入必须写的路径 Alt：属性值是文本 图片显示不出来的替换文本 Title：属性值是文本 Width：属性值是像素值 Height：属性值是像素值 Border：属性值是像素值 可以给图片添加边框 2. 路径 相对路径：以当前文件所在位置为参考基础，建立出的目录路径就是相对路径，简单来说就是图片相当于文件的位置 绝对路径：从根目录下去找 即：盘符 三．超链接 1.在HTML中 使用<a></a>标签来定义超链接 语法:<a herf=“跳转的目标”target=“目标窗口的打开方式”>文本或者图像</a> Target：用于指定连接页面的打开方式 _self 默认在当前页面打开 _blank 表示在新窗口中打开 2.超链接的分类 外部链接： 内部链接：网站内部网页之间的相互链接 空链接:如果在实际开发中不知道链接应该跳转到何处，可以使用空链接来代替。 下载链接：如果herf里面指定的地址是一个文件或者压缩包，呢么点击该链接会下载该内容 网页元素链接：在网页中各种元素，比如：图片，视频，表格等都可以添加超链接 file:///C:/Users/%E5%BC%A0%E5%BB%BA%E6%96%8C/AppData/Local/Temp/msohtmlclip1/01/clip_image002.png 3.Base标签：给页面上的所有的链接固定一个默认的url，在一个文档中，最多只能使用一个<base>标签，一般放在第一行的位置 属性：terf：用于指定连接目标的url地址，是必须属性 Target：指定连接页面的打开方式 _self：默认在当前页面打开 _blank：在新的页面打开 注释：快捷键：ctrl+/ 四.HTML注释和特殊字符 1.注释：快捷键：ctrl+/ 2.特殊标签 ： 3.表格标签(以下全是双标签)：为了让数据显示的更加的规整，增强可读性。 表格的基本语法：<table>告诉html 我是一个表格 <tr>代表行，嵌套在<table>里面； <td>在行里添加内容，定义表格中的单元格，嵌套在<tr>里面 <th> 居中加粗 表头 h：head 3. 表格属性table的属性： align：规定表格的对齐方式 属性值：left，right，center broder：默认值为空，表示没有边框 属性值：空 或者 1 cellpadding：规定单元格边沿与其内容之间的空白，默认是1个像素 属性值：像素值 cellpacing：规定单元格边沿与单元格边沿之间的空白，默认是2 属性值：像素值 Width：宽度 属性值：像素值 六，表格的结构标签 1.<thead>代表表格的头部区域，内部拥有<tr>标签 <tboby>代表表格的主题区域，主要用来放数据的本体 2.合并单元格:合并单元格 的方式 : 跨行合并：rowspan=“合并单元格的个数” 跨列合并：colspan=“合并单元格的个数” 步骤：确定要合并的第一个单元格 确定是跨行还是跨列合并 ，并说明个数
| 
