Html常用标签
排版标签
标题标签
h1,h2,h3,h4,h5,h6
<h1>我是标题</h1>
段落标签
<p> 段落内容 </p>
水平线
<hr/>
换行标签
<br />
div span标签
div+span网页布局
<div> 我是div </div>
<span>我是span</span>
文本格式化标签`
标签 | 显示效果 |
---|---|
< b>< /b> < strong>< /strong> | 粗体 |
< i>< /i>< em>< /em> | 斜体 |
< i>< /i>< i>< /i> | 删除线 |
< u>< /u>< ins>< /ins> | 下划线 |
标签属性
<img with="20px"/>
属性名:with
属性值:20
表示图片宽20px;
img
< img src=”图片路径” />
属性名 | 属性值 | 含义 |
---|---|---|
src | url | 图片路径 |
alt | 文本 | 图片无法显示时的替换文本 |
title | 文本 | 鼠标悬停时显示的内容 |
width | 像素 | 图片宽 |
hegth | 像素 | 图片高 |
border | 数字 | 图片边框宽度 |
链接标签
< a href=”跳转目标” target=”目标窗口的弹出方式”>文本或图像
href:用于指定链接目标的url地址。
target:用于指定链接页面的打开方式,其取值有_self和_blank两种,其中_self为默认值在当前窗口打开,_blank为在新窗口中打开方式。
描点定位
1.使用“a href=”#id名>“链接文本”创建链接文本(被点击的)
2.使用相应的id名标注跳转目标的位置。
< h3 id=”two”>第2集
base标签
用于设置整体链接的打开方式
< base target=”blank”/>所有链接打开方式都为_blank
特殊字符标签
特殊字符 | 描述 | 字符代码 |
---|---|---|
空格符 | | |
< | 小于号 | &alt |
> | 大于号 | > |
$ | 和号 | & |
® | 注册商标 | ®; |
¥ | 人民币 | ¥; |
© | 版权 | ©; |
。 | 摄氏度 | °; |
± | 正负号 | ±; |
× | 乘号 | ×; |
÷ | 除号 | ÷; |
² | 平方 | ²; |
³ | 立方 | ³; |
注释标签
<!-- 注释语句 -->
列表标签
“““
无序列表的各个列表项之间没有顺序级别之分,是并列的
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ul>
- ul中只能嵌套li,直接在ul标签中输入其他标签或者文字的做法是不被允许的。
- 与
- 之间相当于一个容器,可以容纳所有元素。
- 无序列表会带有自己样式属性,一般不用。
有序列表即为有排列顺序的列表,其各个列表项按照一定的顺序排列定义
<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ol>
自定义列表
<dl>
<dt>名词1</dt>
<dd>名词1解释1</dd>
<dd>名词1解释2</dd>
<dt>名词2</dt>
<dd>名词2解释1</dd>
<dd>名词2解释2</dd>
</dl>
表格table
<table>
<tr>
<td>单元格内的文字</td>
</tr>
</table>
1.table用于定义一个表格。
2.tr 用于定义表格中的一行
3.td /td:用于定义表格中的单元格,必须嵌套在tr
属性名 | 含义 | 常用属性值 |
---|---|---|
border | 表格边框默认0 | 像素` |
cellspacing | 单元格和单元格边框之间的空白间隙,默认2 | 像素 |
cellpadding | 单元格内容和单元格边框之间的空白间隙,默认1 | 像素` |
width | 表格宽 | 像素` |
height | 表格高 | 像素` |
align | 表格在网页中水平对齐方式 | left,center,right` |
单元格合并
跨行合并:rowspan 跨列合并:colspan
表单标签
一个完整的表单通常由以下3个部分构成
表单控件
包含了具体的表单功能项,如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。
提示信息
一个表单中通常还需要包含一些说明性的文字,提示用户进行填写和操作。
表单域
他相当于一个容器,用来容纳所有的表单控件和提示信息,可以通过他定义处理表单数据所用程序的url地址,以及数据提交到服务器的方法。如果不定义表单域,表单中的数据就无法传送到后台服务器。
input控件
label
用于给input元素定义标注。绑定一个表单元素,点击label,被绑定的表单元素获得输入焦点。
<label for="male">Male</label>
<input type="radio" name="sex" id="male" value="male">
textarea文本域
<textarea cols="每行中的字符数" rows="显示的行数">
文本内容
</textarea>
下拉菜单
<select>
<option>选项1</option>
<option>选项2</option>
<option>选项3</option>
</select>
表单域
< form action=”url地址” method=”提交方式” name=”表单名称”>
各种表单控件
< /form>