标签:type 容器 划线 www. data 设置 get 基础语 .com
基础语法
标签 作为网页的最小单元
双标签 内容的容器
单标签 控制性内容
注释 每一个模块都要写清楚注释
基本结构
<!DOCTYPE html> 告诉浏览器,我这是文档是html文档
<html>
<head>
<meta charset="utf-8" /> 设置中文编码utf-8
<title></title> 网页的标题
</head>
<body>
网页的内容
</body>
</html>
通用标签
<body></body> 网页的内容都要写到body里面
格式控制类
加粗 倾斜 下划线 换行 空格
<b></b> <i></i> <u></u> <br/>  
内容容器类
标题
<h1>~<h6>
段落<p></p>
行内标签:内容多大,我就多大<span></span>
div:默认占一整行
<div></div>
无序列表<ul><li></li></ul> type属性:circle disc square
有序列表<ol><li></li></ol> type属性:1 a A I i
常用标签
a标签
作用:做链接,做下载,做锚点
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<a name="top"></a>
<h1>五一劳动节</h1>
<h2>五一劳动节</h2>
<h3>五一劳动节</h3>
<h4>五一劳动节</h4>
<h5>五一劳动节</h5>
<h6>五一劳动节</h6>
<u><i><b>我们 一起<br/>去飞吧</b></i></u>
<br/>
<span>大家好好打 啊啊啊啊啊</span>
<span>大家好好打 啊啊啊啊啊</span>
<span>大家好好打 啊啊啊啊啊</span>
<div style=" height: 100px;"> </div>
<ul style="list-style: none;" >
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
<br /><br /><br /><br /><br />
<a href="#top">hui</a>
<img src="img/1.jpg"/ width="500" height="500" title="花" alt="花花">
<a href="http://www.baidu.com"> <img src="img/1.jpg"/> </a>
<table border="" cellspacing="0" cellpadding="0">
<th>1</th>
<tr> <th>1</th>
<td>Data1</td>
<td>Data2</td>
<td>Data3</td>
<td>Data4</td>
</tr>
<tr> <th>2</th>
<td>Data1</td>
<td>Data2</td>
<td>Data3</td>
<td>Data4</td>
</tr>
</table>
<form action="https://www.baidu.com" method="get" target="_blank">
<input type="submit" value="提交" />
</form>
<a href="#top">回顶部</a>
</body>
</html
标签:type 容器 划线 www. data 设置 get 基础语 .com
原文地址:https://www.cnblogs.com/sunhao1987/p/9021825.html