前端复习- html
更新日期:
html知识点回顾
- 创建html文档
html基本结构
doctype声明
HTML标签不区分大小写,但是建议小写
注释方式
- 标签
html 根标签
head (title script link style meta base)
body
-标题标签
h1-h6
标题标签一共有6个,h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。h1是最高的等级。
-段落
p
- em strong
两者在强调的语气上有区别:em 表示强调,strong 表示更强烈的强调
- div span
- 锚点链接 a 超链接
href属性
title属性
target
- img图片 为网页插入图片
src 图像的位置
title 提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)
alt 指定图像的描述性文本,当图像不可见时(下载不成功时),可看到该属性指定的文本;
- q 短文本引用 比如在你的网页的文章里想引用某个作家的一句诗,这样会使你的文章更加出彩,那么标签是你所需要的
。
- blockquote 长文本引用
- br 换行标签
- hr 分割线标签
- address 为页面加入地址信息
上海市松江区丽德创业园 样式为斜体- code 在网页中显示一些计算机专业的编程代码,当代码为一行代码时,你就可以使用code标签了 var i = 0;
- pre 预格式化的文本 要插入多行代码时不能使用code标签,如果是多行代码,可以使用pre标签
- 列表
无序列表 ul li
有序列表 ol li
自定义列表 dl dt dd
- 表格
table tbody这个标签基本上不怎么用了
tr 表格的一行
th 表格的头部的一个单元格,表格表头
td 表格的一个单元格
caption 表格标题
summary属性 表格的摘要
- 表单
from
action属性 输入的数据被传送到的地址,比如一个PHP页面(test.php)。
- method属性 数据传送的方式(get/post)
- input 输入框 text password
当type=”text”时,输入框为文本输入框
当type=”password”时, 输入框为密码输入框
name 为文本框命名,以备后台程序ASP 、PHP使用
value 为文本输入框设置默认值。(一般起到提示作用)
- 单选框 复选框 radio checkbox
当type=”radio”时,控件为单选框
当type=”checkbox”时,控件为复选框
value 提交数据到服务器的值(后台程序PHP使用)
name 为控件命名,以备后台程序ASP、PHP使用
checked 当设置checked 或 checked=”checked”时,该选项被默认选中
注意:同一组的单选按钮,name取值一定要一致,这样同一组的单选按钮才可以起到单选的作用
- submit reset hidden button…
- label 为 input 元素定义标注(标记)
label元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上
标签的 for 属性应当与相关元素的 id 属性相同
for属性可把 label 绑定到另外一个元素。请把 “for” 属性的值设置为相关元素的 id 属性的值
- textarea 文本域
cols属性 :多行输入域的列数
rows :多行输入域的行数
- select 下拉列表框
multiple属性 可以实现多选功能
option 下拉选项

