首页 > 代码库 > Sep19_html/css_imooc学习笔记_1
Sep19_html/css_imooc学习笔记_1
1. <h1></h1>标题，h1-h6从大到小
2. <p></p> 段落
3. <img src=http://www.mamicode.com/“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>
Sep19_html/css_imooc学习笔记_1