HTML基础标签详解-优快云博客

本文链接：https://blog.youkuaiyun.com/NewBeeMu/article/details/98313174
基本标签
1.<html>与</html>之间的语句用来描述网页
2.<head>标签用于定义文档的头部,他是所有头元素的容器</head>	
(文档的头部描述了文档的各种属性和信息,包括文档的标题,在web中的位置以及和其他文档的关系)
3.<title>定义文档的标题</title>
4.<base>为页面上的所有链接规定默认地址或默认目标。
( target属性规定了在何处打开页面中所有的链接。)
5.<meta>	空元素，可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。服务器端接收到信息之后，根据<meta>中的信息进行相应处理。
6.<link>
( rel属性规定当前文档与被链接文档之间的关系。
type属性规定了文档类型
media属性指定目标文档在哪种设备上起作用)
<body>与</body>之间的文本是可见的页面内容
7.<!——注释——>注释
8.&nbsp  HTML中的空格符号
9.开发者模式：F12

文档格式标签
1.<br\>定义换行
2.<hr />标签在 HTML 页面中创建水平线
3.<div>给在中甲你的类容在页面单独分块</div>
4.<span>组合行内元素，以便通过样式来格式化它们</span>
5.<marquee>让在标签内的内容动起来</marquee>
6.<pre>保留HTML中代码原有书写样子</pre>

文本格式标签
1.<h1>与</h1>值加你的文本被显示成标签<1-6表示字体大小>
2.<p>与</p>值加你的内容被显示成段落
3.<font ></font>规定文本的字体,字体大小,字体颜色
	属性: face:规定文本的字体
	size:规定文本的大小
	color:规定文本的颜色（1、英文2、RGB R:red G:green B:blue  #ffffff  #ff3424 rgb(255,0,0)）
4.<b></b>  <strong></strong>字体加粗
5.<i>字体倾斜

表格标签
1.<table>创建一个表格</table>
	常用属性:
		边框：border
		宽度：width
		高度：height
		背景颜色：bgcolor
		边框与边框的：cellspacing
		边框与内容的：cellpadding
		居中显示：align
2.<caption>标题</caption>)( <caption>标签必须紧随<table>标签之后，一个表格只能有一个标题)
3.<th>表头</th>
4.<tr>行</tr>
5.<td>列</td>
	*常用属性:*
		align:用于设定单元格内容的对齐方式。
		bgcolor:用于设定单元格背景颜色。
		height:用于设定单元格的高度。
		width:用于设定单元格的宽度。
		colspan:用于设定列合并
		rowspan:用于设定行合并。

列表标签
1.<ol>有序列表</ol> type(1 A I i) start
2.<ul>无序列表</ul> type disc circle square
3.<li>列表项</li>
4.<dl>自定义列表</dl>
5.<dt>自定义项目</dt>
6.<dd>自定义的描述</dd>

表单标签
(如果想将页面输入提交到服务器,就必须有value和name属性)
<form>表单:用于创建用户输入的HTML表单,用于和服务器的交互
	<form>常用属性:
		name:用于定义表单的名称
	    action:用于规定提交表单时向何处发送表单数据。
		method:用于规定提交的方式。一般取值 POST或GET	 
<input> input元素  它的type属性包括:
1.button 	定义可点击按钮
2.chekbox 	定义复选框
3.file 		定义输入字段和'浏览按钮',供文件上传
4.hidden 	定义隐藏的输入字段
5.image 	定义图像形式的提交按钮
6.password	定义密码字段(该字段中的字符被掩盖)
7.radio		定义单选按钮
8.reset		定义重置按钮(重置按钮会清空表单中的所有数据)
9.submit	定义提交按钮.提交按钮会将表单数据发到服务器
10.text		定义单行的输入字段
11.<select>下拉列表</select>
		<option>元素定义待选择的选项</option>
12.<textarea>元素定义多行输入字段(文本域)</textarea>
13.<button>原属定义可点击的按钮</button>
	</form>

图像标签
1.<img>是空标签
	属性: src 图像的url地址
	边框：border
	宽度：width
	高度：height 
	居中显示：align
代替文本：alt
2.<map> 图像地图##标题##</map>
3.<area>定义图像中的可点击区域

连接标签
<a>创建连接,属性:
	href	创建指向另一个文档的连接
	name	创建文档内书签
	target	定义被连接的文档显示的位置
如果href为#号，代表连接到本页面
	target:_self：在当前页面打开
		  _blank：新开一个页面	
</a>

代码标签
<script>标签用于定义客户端脚本</script>

框架标签（HTML5 不支持）
frameset  cols rows 不要和body一起使用，会冲突
    frame
	noresize
	scrolling  yes no auto
	border
HTML基本标签
