图像标签
1
| <img src="图像的地址(相对或绝对地址)" alt="图片未显示的时候的代替文字" title="鼠标悬停在图片上的标签" width="" >
|
链接标签
一般链接
1
| <a href="调转的目标页面地址" target="表示窗口在哪里打开:_self(本窗口)/_blank(新窗口)">作为超链接的文字或图片<a/>
|
锚链接
1
| <a href="#锚点的标签名">回到锚点<a/>
|
功能性链接
1
| <a href="mailto:邮件地址">联系我</a>
|
行内元素和块元素
- 块元素:每个元素占一行,例如:img, p, h1-6…
- 行内元素:所有元素在一行,例如:a,strong,em…
列表
结构分析
- heade:头部
- footer:脚注
- section:主体
- article:文章
- aside:侧边栏
- nac:导航
内联标签
1
| <ifram src="path" name="标签名称(可以用链接标签跳转,把一个新的页面嵌入到当前页面中)"></ifram>
|
表单语法
作为整个表单的基本框架,其他的输入全部放在form表单中
1 2 3 4 5
| <form action="表单提交的位置,可以是一个网站,也可以是一个请求处理地址" method="post/get"> <p> <input type="" name=""> </p> </form>
|
两种提交方法:
- get:可以在url看见提交的信息,不太安全,但是高效
- post:不在url处提交信息,可以传输大文件
作为输入,属性有
- type:必填,指定元素的类型,有text, password(也是一种按钮,自带提交功能), checkbox, radio, submit, reset, file, hidden, image, button, 默认为text
- name:必填,表单元素的名称,后台处理以此为标识
- value:选填,初始值,但是ratio类型必须填
- size:元素大小
- maxlength:最大输入长度
- checked:CheckBox和radio中,按钮是否选中
下拉框标签:
1 2 3 4 5 6
| <select name="city"> <option value="cd">成都</option> <option value="xa" selected>西安</option> <option value="cq">重庆</option> <option value="sh">上海</option> </select>
|