Sep19_html/css_imooc学习笔记

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>

巴特西

Sep19_html/css_imooc学习笔记_1

最新文章

热门文章