- web标准的构成。
主要是结构（structure）表现 （presentation） 和行为（behavior）三个方面
- 结构是用于对网页元素进行整理和分类 现阶段主要学HTML
- 表现用于设置网页元素的版本 颜色 大小等外观样式主要指的是css
- 行为是指网页模型的定义以及交互的编写 现阶段主要指的是js
2. 标签的语法规范。 单标签双标签 关系兄弟关系父子关系
3. <!DOCTYPE HTML>文档类型声明。 作用就是告诉浏览器使用那种HTML版来显示网页
<!DOCTYPE HTML> 当前页面采取的是HTML5版来显示网页
声明位于文档中的最前面的位置 处于 <HTML>标签之前
<!DOCTYPE> 不是一个HTML标签 它就是文档类型声明标签 不属于html标签
4. Lang语言种类。en定义语言为 英语，zh-CN定义为中文网页 对浏览器来说是有作用的
5.字符集 （characterset ）是多个字符的集合 以便计算机能够识别和存储各种文字
<meta charset = ‘utf-8’> 来存储数据
6.<h1> 相当于 head 相当于头部 单独占一行
7.<p> paragraph段落标签 段落和段落之间保有空隙
8.<br />换行 标签 单标签 break 的缩写强制换行 br标签只是简单的开始新的一行 跟段落不一样 段落之间会插入一些垂直的间距
9.文本格式化标签
- <strong></strong> <b></b> 加粗标签
- <em></em> 倾斜标签
- <del></del>删除标签
- <ins></ins>倾斜标签
10． div 和span标签的区别
<div>和<span> 是没有语义的 它们就是一个盒子 用来装内容的
Div一个人独占一行，一行只能放一个div标签， span跨距 跨度 用来布局一行可以放很多个span标签
11.图像标签和路径（重点）
- <img src= ‘图像路径’/>单标签
- alt 替换文本 图像显示不出来的时候用文字替换
- Title 提示文本 鼠标放在图像上 显示的文字
- 图像标签可以拥有很多个属性但是要写在标签名的后面
- 属性之间不分先后顺序 标签名与属性 属性与属性之间均以空格分开
- 属性采取键值对 的格式 即 key= ‘value’的格式 属性= ‘属性值’
Alt 是替换文本 title 是提示文本
12.路径
目录文件夹就是普通的文件夹 里面只不过存放了我们做页面所需要的相关素材比如 html 文件 图片等
根目录 打开目录文件夹的第一层就是根目录
13. <a href = “#” target= “_blank”>
Target 打开窗口的方式 默认的值是_self: 在当前窗口打开页面 ,_blank 新窗口打开页面
14.
14.锚点链接 点我们 点击链接 可以快速定位到页面中的某个位置
在链接文本的href 属性中设置属性值为#名字 的形式 如<a href = “#two”>第二集</a>
找到目标位置标签里面添加一个id属性 =刚才的名字 如<h3 id =’two ’>第二集介绍</h3>
只能使用 id 不能使用class
15.特殊字符
16.表格属性
Align:left center right 规定表格对齐方式
Border :边框 规定表格是否拥有边框，默认为’’,表示没有边框
Cellpadding 像素值 规定单元边沿和内容之间的空白，默认为1像素
Cellspacing:像素值 规定单元格之间的空白 默认为2像素
Width:像素或百分比 规定表格的宽度
表格的结构标签
<thead></thead>用于定义表格的头部 <thead>内部必须有<tr>标签一般位于第一行
<tbody></tbody>用于定义表格的主体 用于数据本体
以上的标签都是放在<table></table>标签中
合并单元格 将多个单元格合并成一个单元格
跨行合并rowspan=’合并单元格的个数’
跨列合并 colspan=’合并单元格的个数’
合并三部曲
- 先确定是 跨行还是跨列合并
- 找到目标单元格写上合并方式=合并的单元格数量 例如 <td rowspan=’2’><td>
- 删除多余的单元格