1. <h1></h1>标题,h1-h6从大到小
2. <p></p> 段落
3. <img src=“1.jpg”> 加入图片
4.基本结构:<html>
<head>…</head>
<body>…</body>(网页中显示的所有内容全部在body里)
</html>
<head>里面含有 <title>…</title>(不显示在页面,显示在标签)
<script>…</script>
<style>…</style>
<link>
<meta>等标签
<body>中含有 <h1>
<p>
<a>
<img>等标签
5. <!--注释-->
6. <em>...</em>斜体, <strong>…</strong>加粗
7. <span>…</span>
用法:
在<style>中定义
span{
color:blue;
}
然后在body中使用<span>...</span>
8. <q>..</q>引用,效果与“”一样。
9. <blockquote>…</blockquote> 引用缩近效果
10. <br>换行(有的html版本为<br />)
11. $nbsp; 空格。记忆:牛逼空格
12. <hr>段落分割线(有的html版本为<hr />
13. 联系地址使用<address>...</address>标签,默认显示为斜体
14. 单行代码语言使用<code>..</code>
多行代码语言使用<pre>..</pre>
15. <ul>
<li>..</li>
<li>..</li>
<li>..</li>
</ul>
效果:列表,标题开头有小圆点
16. <ol>
<li>..</li>
<li>..</li>
<li>..</li>
</ol>
效果:列表,标题开头数字排序
15,16记忆u点o数
17. <div>..</div>划分模块,作用相当于一个容器,一般会加上id,<div id=“whatever”>...</div>
18. 表格
<table>(可以加上summary表格简介文本,<table summary=“..”>)
<caption>标题文本,方便搜索引擎</caption>
<tbody> (<tbody>…</tbody>:当表格内容非常多时,表格会下载一点显示一点,但如果加上<tbody>标签后,这个表格就要等表格内容全部下载完才会显示)
<tr>(表示一行)
<td>..</td>(表示一个单元格)
<td>..</td>
<td>..</td>
</tr>
</tbody>
</table>
给表格加上单元格,使用css
<style type=“text/css”>
table tr td,th{border:1px solid #000;}
</style>