div+css

HTML是超文本标签标记语言

1、HTML文档结构
1)基础结构
<html>
<head>
<title></title>
</head>
<body>
<!--注释的内容-->
</body>
</html>

注释
<!--注释的内容-->

meta标签用于head标签中,
可以为HTML文档提供额外信息,
如作者信息、关键字、页面过期时间等

2)框架结构
框架集
<frameset rows="," cols=",">
<frame src="" name="" />
</frameset>
内嵌框架
<iframe src="" name="">
</iframe>


2、HTML标签分类:

文本标签
标题 
<h1>...<h6> (H1最大 H6最小)
字体形状
<b>加粗、<i>斜体、<u>下划线、<sub>下标、<sup>上标
引用和加重
<cite>斜体(引用)、<strong>加粗
字体
<font size="大小" color="颜色" face="字体样式"></font>
水平线
<hr/>
换行
<br/>

图像标签
<img src="路径" alt="提示信息" align="对齐方式" border="边框大小"
width="宽度" height="高度"/>

超链接标签
1)链接到其他页面
<a href="http://www.baidu.com">百度</a>
2)在一个页面中跳转到不同的位置
(1)定义锚点:<a name="md">我是锚点</a>
(2)链接锚点:<a href="#md">跳转到锚点</a>
3)发动邮件
<a href="mailto:chunchun.liu@hbjzit.com">联系老师</a>

格式标签
段落
<p align=""></p>
换行 <br/>
居中 <center></center>
预定义格式
<pre> (按照文本书写的格式呈现在页面中)
滚动标签
<marquee></marquee>
无序列表
<ul type="">
<li></li>
</ul>
有序列表
<oltype="">
<li></li>
</ol>
自定义列表
<dl>
<dt>
<dd>
</dl>
表格
<table>
<tr>
<td></td>
</tr>

</table>
表单标签
<form name="" action="#" method="get/post">
表单元素
</form>
表单元素标签

6种input标签定义的表单元素
<input type="" name=""/>
文本框 text
密码框 password
单选按钮 radio
复选框 checkbox
文件域 file
按钮(4种) submit 提交
reset 重置
button 普通
image 图片
下拉列表
<select name="">
<option></optin>
</select>
多行文本
<textarea name="">
</textarea>

原文地址:https://www.cnblogs.com/you-zi/p/4351225.html