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>标签
语法:<p>段落文本</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:

 

评分:0

我来说两句

显示全部

:loveliness: :handshake :victory: :funk: :time: :kiss: :call: :hug: :lol :'( :Q :L ;P :$ :P :o :@ :D :( :)

Open Toolbar