1.HTML: Hyper Text Markup Language 超文本标记语言 是设计网页的基础 由浏览器来解释执行
超文本: 比普通文本功能更加强大,可以添加各种样式
标记语言: 通过一组标签,来对内容进行描述
2.对段落使用
而不使用的原因是标签包裹内容而
标签不包裹内容,如果不使用就无法通过CSS更改内容样式
3.
会在修饰的内容的前后添加一排空行,而标签只是单纯换行,不会添加空白行
5.HTML中的注释 浏览器端查看源代码可看到
6.加粗和斜体标签
b : 加粗
i : 斜体
strong: 加粗, 带语义标签
em: 斜体, 带语义
7.标题标签
的数字范围是1-6,超出范围则标签失效,数字越大,字体越小8.标签常用三个属性
color:颜色
size:大小 范围1-7 数字越大,字体越大,超出范围按7处理
face:字体
9.
src:图片路径
./ 代表的是当前路径
../ 代表的上一级路径
../../ 上上一级路径
alt:图片加载出错时显示的文字
width:宽度
height:高度
10.列表标签 ①无序列表 ②有序列表
<ul type="square"> <li>无序列表1li> <li>无序列表2li> <li>无序列表3li> ul>
无序列表常用属性:type 默认是小黑点
<ol type="1" start="2"> <li>有序列表1li> <li>有序列表2li> <li>有序列表3li> ol>
有序列表常用属性:①type(序号类型) ②start(从第几个开始)
①href: 指定要跳转去的链接地址 如果是网络地址需要加上http协议,如果访问的是本网站的html文件,可以直接写文件路径
②target: 以什么方式打开 _self: 默认打开方式,在当前窗口打开 _blank: 新起一个标签页打开页面
12.水平线标签
13.
①border 边框宽度
②width 表格宽度(可以是实际宽度或者百分比)
③height
④bgcolor 背景色
⑤align 对齐方式 注意作用位置的不同(对整个表格的位置和对表格中的数据位置)
⑥background 背景图片(注意背景图片不会撑大格子)
14.
15.表格中可以嵌套表格
16.
标签的常用属性①actioin:直接提交的地址
②method:提交的方式 get 默认提交方式 ,会将参数拼接在链接后面 , 有大小限制 ,4k
post 会将参数封装在请求体中, 没有这样的限制
17.标签的常用属性
①type:指定输入项的类型 text:文本 password:密码 radio:单选按钮 checkbox:复选框 file:上传文件 submit:提交按钮
reset:重置按钮 button:普通按钮 hidden:隐藏域 number:只允许输入数字 date:选择日期 tel:电话号码 email:邮箱
②name : 在表单提交的时候,当作参数的名称
③id : 给输入项取一个名字, 以便于后期我们去找到它,并且操作它
④value:参数值
⑤placeholder : 指定默认的提示信息
18.文本域标签的常用属性
①cols : 指定宽度
②rows : 指定的是高度
19.下拉列表标签的子标签是
20.
框架标签的子标签21.
框架标签的属性①cols:按列划分 举例:"20%,30%,*" 分成三列
②rows:按行划分
22.标签的属性
①src:需要显示的网页的路径
②name:框架的名称
23.使用
标签要删去标签24.表格布局的缺陷:
①嵌套层级太多, 一旦出现嵌套顺序错乱, 整个页面达不到预期效果(容易错)
②采用表格布局,页面不够灵活, 动其中某一块,整个表格布局的结构全都要变(不灵活)
25.两种块标签 ①
默认占一行,自动换行 ② 内容显示在同一行