关系：
html是网页内容的载体；内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。
css样式是表现；就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
javascript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。
html标签：(网页中的每一个内容在浏览器中的显示，都要存放到各种标签中)
标题标签： <hx></hx> (x数字表示n级 1-6)
段落标签：<p></p>
img标签：<img src=" "></img>
标签语法：不区分大小写，标签嵌套,用<>括起来
html文件基本结构
1.<html></html>称为根标签，所有的网页标签都在其中
2.<head>标签用于定义文档的头部，它是所有头部元素的容器。头部元素有<title>、<script>、 <style>、<link>、 <meta>等标签
3.<body>标签间的内容是网页的主要内容，如<h1>、<p>、<a>、<img>等网页内容标签，在这里的标签中的内容会在浏览器中显示出来。
标签的用途：
主要注意两个方面的学习：标签的用途、标签在浏览器中的默认样式。
（语义化）：1. 更容易被搜索引擎收录。
2. 更容易让屏幕阅读器读出网页内容。
head标签：（文档的头部描述了文档的各种属性和信息，包括文档的标题等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者）
<title>标签：在<title>和</title>标签之间的文字内容是网页的标题信息，它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么，搜索引擎可以通过网页标题，迅速的判断出网页的主题。每个网页的内容都是不同的，每个网页都应该有一个独一无二的title。它是 head 部分中唯一必需的元素。
<meta>、<link>、<title>、<script>、<style>、<base>
基本规律是：
meta 最好写在第一个，特别是 meta chaset 设定必须写第一个，它们是元数据，能让数据获取方得知此页面的元数据。最先得知页面编码，进而获取之后meta（如果有）内的作者、关键字等数据（因为这些内容可能是非ASCII字符）时，可以用指定编码方式获取。获取方得到全部元数据后可以自行判断是否继续获取其后内容。
title 紧随 meta 之后是因为可能获取方需要知道页面标题信息，并且在最先获取 chaset 信息后知道此标题的编码方式。如果获取方是页面浏览器，那么它可以最先用正确的页面编码方式显示标题给用户。
link、style 紧随 meta，其实还是主要为 link 大部分都是CSS样式文件考虑。由于外联样式可以并行下载，不会阻塞后续处理工作，style 也能让浏览器尽快得知页面排版布局信息。
base 一般情况下用的不多，只要不放第一个基本没啥关系。
script 放在最后，是基于script 不关是下载还是执行都会阻塞页面考虑，让它尽量偏后。（当然，这在绝大部分现代浏览器中不是事儿了，它会尽量"拖后"外联脚本下载时机）现在大多数情况没有特殊需求 script 都不放在 head 里了，而是放在 body 最后一个子节点上（也有给扔 html body 之外的，浏览器容错还是能给它修正回 body 最后节点上）。
body标签：（网页上显示的内容放在这里）
<p>标签：添加段落 (标签的默认样式：段前段后都会有空白，如果不喜欢这个空白，可以用css样式来删除或改变它）
<hx>标签：为网页添加文章的标题 （标题标签的样式都会加粗，h1标签字号最大，h2标签字号相对h1要小，以此类推h6标签的字号最小）
<strong>和<em>标签：强调语气 （两者在强调的语气上有区别:<em> 表示强调，<strong> 表示更强烈的强调。并且在浏览器中<em> 默认用斜体表示，<strong> 用粗体表示。两个标签相比，目前国内前端程序员更喜欢使用<strong>表示强调）
<span>标签：1. <em>和<strong>标签是为了强调一段话中的关键字时使用，它们的语义是强调。
2. <span>标签是没有语义的，它的作用就是为了设置单独的样式用的。
<q>标签：短文本引用（诗句） 语义：引用别人的话 （引用的文本不用加双引号，浏览器会对q标签自动添加双引号）
<blockquote>标签：对长文本的引用，如在文章中引入大段某知名作家的文字，浏览器对<blockquote>标签的解析是缩进样式
<br>标签：需要加回车换行的地方加入<br />，<br />标签作用相当于word文档中的回车
< >标签：输入空格，必须写入
<hr>标签：用于分隔的横线，这样会使文章看起来整齐些
<address>标签：联系地址信息如公司的地址，也可以定义一个地址（比如电子邮件地址）、签名或者文档的作者身份 （在浏览器上显示的样式为斜体，如果不喜欢斜体，当然可以，可以在后面的课程中使用 css 样式来修改它<address>标签的默认样式）
<code>标签：在介绍语言技术的网站中，避免不了在网页中显示一些计算机专业的编程代码，当代码为一行代码时，你就可以使用<code>标签了 （在文章中一般如果要插入多行代码时不能使用<code>标签了，如果是多行代码，可以使用<pre>标签）
<pre>标签：主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符 （<pre> 标签不只是为显示计算机的源代码时用的，在你需要在网页中预显示格式时都可以使用它，只是<pre>标签的一个常见应用就是用来展示计算机的源代码）
<ul>标签：没有前后顺序的信息列表 （ul-li在网页中显示的默认样式一般为：每项li前都自带一个圆点） 点型列表
<ol>标签：有前后顺序的信息列表 （<ol>在网页中显示的默认样式一般为：每项<li>前都自带一个序号，序号默认从1开始） 数字列表
<div>标签：确定逻辑部分：（页面上相互关联的一组元素。如网页中的独立的栏目版块，就是一个典型的逻辑部分） 为网页划分独立的版块
为了使逻辑更加清晰，我们可以为这一个独立的逻辑部分设置一个名称，用id属性来为<div>提供唯一的名称，这个就像我们每个人都有一个身份证号，这个身份证号是唯一标识我们的身份的，也是必须唯一的 <div id="版块名称">…</div>
<table>标签：网页上的表格
创建表格的四个元素：table、tbody、tr、th、td
1、<table>…</table>：整个表格以<table>标记开始、</table>标记结束。
2、<tbody>…</tbody>：当表格内容非常多时，表格会下载一点显示一点，但如果加上<tbody>标签后，这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。
3、<tr>…</tr>：表格的一行，所以有几对tr 表格就有几行。
4、<td>…</td>：表格的一个单元格，一行中包含几对<td>...</td>，说明一行中就有几列。
5、<th>…</th>：表格的头部的一个单元格，表格表头。
6、表格中列的个数，取决于一行中数据单元格的个数。
（1、table表格在没有添加css样式之前，在浏览器中显示是没有表格线的 2、表头，也就是th标签中的文本默认为粗体并且居中显示）
8930
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
