HTML基础
上一篇 /
下一篇 2017-07-14 17:11:52
/ 个人分类：HTML
由慕课网课程总结：http://www.imooc.com/learn/9
第1章 HTML介绍
<1-1> HTML、CSS、JavaStript的关系
1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。
2. CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
3. JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。
<1-2>认识HTML标签
1、网页中每一个内容在浏览器中的显示，都要存放到各种标签中
2、一个HTML文件是有自己固定的结构的
<html>
<head>...</head>
<body>...</body>
</html>3、<html></html>称为根标签
<head> 标签用于定义文档的头部，它是所有头部元素的容器。
头部元素有<title>、<script>、 <style>、<link>、 <meta>等标签
在<body>和</body>标签之间的内容是网页的主要内容，如<h1>、<p>、<a>、<img>等网页内容标签，在这里的标签中的内容会在浏览器中显示出来。4、文档的头部描述了文档的各种属性和信息，包括文档的标题等。
<head>
<title>...</title>
<meta>
<link>
<style>...</style>
<script>...</script>
</head><1-4>代码注释语法：
<!- -注释文字- ->
例子：
<!- - 在线咨询 begin- ->
<!- - 在线咨询 end- ->
第2章 认识标签
注意两个方面的学习：标签的用途、标签在浏览器中的默认样式。
标签语义化，好处：
1、更容易被搜索引擎收录
2、更容易让屏幕阅读器读出网页的内容
<body>标签：网页上显示的内容放在这里
<p>标签：文章的段落放到<p>标签
默认样式：段前段后都会有空白，可以用css样式来删除或改变空白
<hx>标签：为你的网页添加标题
语法：<hx>标题文本</hx> (x为1-6)
注意：因为h1标签在网页中比较重要，所以一般h1标签被用在网站名称上。腾讯网站就是。
h1-h6标签的默认样式：默认样式
标签代码：
http://img.mukewang.com/528970d80001e67f01720125.jpg
显示：
http://img.mukewang.com/528970f4000143a405960399.jpg
强调语气标签：<strong>和<em>
<em> ：表示强调，斜体
<strong> ：表示更强烈的强调，粗体。
语法：
<em>需要强调的文本</em>
<strong>需要强调的文本</strong>
不喜欢这种样式，没有关系，以后可以使用css样式去改变它
收藏
举报
TAG:
