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: