html常用标签语言

html常用标签

<div>...</div> div标签，块标签，表示一块内容，并且可以自动换行

<p>...</p> 段落标签

<span>...</span> 行标签，表示一行内容，并且不换行

<ul><li>...</li> <li>...</li></ul> 无序列表 在网页上在字段前显示小圆点

<ol><li>...</li> <li>...</li></ol> 有序列表 在网页上在字段前显示有序数字

<a href='index.html'>这是超链接</a> href可以是一个网页也可以是一个http://网址
<a href='#'> 表示还没有链接，一个#点击会回到页面顶部  
## ###没有操作，相当于占位，ie不支持###

target="_blank" 表示新开一个窗口打开链接

<img src="图片.png" xxx='xxx'>
<img src="图片可以是http地址">
src表示图片内容

xxx='xxx'为以下属性的格式：
width表示宽度,height表示高度
alt表示替换文本，如果图片不能显示，则显示为替换文本
title表示标题，图片的解释说明

<br>  换行标签

<form>...</form>  form表单，用于提交用户输入的内容
<input>...  input标签,用户输入框，type有多种类型
<label for="id">xx</label> 扩大可选范围,标签内的内容为对应id选项的可选范围

<form>文本框:<input type="text" name="username"><br>
密码框:<input type="password" name="password"><br>
<input type="radio" name="gender" id='boy'><label for="boy">男(radio选项)</label>
<input type="radio" name="gender" checked>女（checked表示默认选项,多个checked则默认后一个）
<input type="submit" value="提交数据">（submit表示提交数据）
</form>

<strong>...</strong> strong标签 加粗
<b>...</b> b标签 加粗，与strong效果一样，但更多的使用strong用于提高被搜索权重
<em>...</em> em标签，变斜体
<i>...</i> 效果同em，但更多使用em，强调作用，能提高被搜索权重
<del>...</del> 删除标记，会在文字内容里加一条划线
<s>...</s> 效果同del，del提高权重
<ins>...</ins> 下划线标签
<u>...</u> 同ins标签，ins提高权重