Web前端开发--第二章:HTML5基础

第二章:HTML5基础

一.预习笔记

1.Html5文档的基本结构

1)文档类型声明<!doctype>

    位于文档的最前面,用于向浏览器说明当前文档使用哪种HTML标准规划。

2)根标记<html>

    <html>标记标志着Html文档的开始,</html>标记标志着Html文档的结束。它们中间的就是文档的头部和主体类容

3)头部标记<header>

    <header>标记用于定义Html文档的头部信息,也称为头部标记,<header>标记紧跟在<html>之后,主要用来封装其它位于文档头部的标记例如<title>、<meta>、<link>、<style>等,一个Html文档只能有一对<header>标记

4)主体标记<body>

    <body>标记用于定义Html文档要显示的内容,也称为主题标记,浏览器中显示的所有文本、图像、音频和视频等信息都必须位于<body>标记内。一个Html文档只能含有一对<body>标记,且<body>标记必须在<html>标记内,位于<head>标记后,跟<head>是并列关系

2.Html标记及其属性

1)标记

    在html文档中,带有<>符号的元素称为Html标记。Html文案由标记和标记的内容组成,标记可以产生所需的各种效果。标记的格式如下:
    <标记>受标记影响的内容</标记>
    例如:<h1>这个是标题标记</h1>
    标记的规则如下:
        (1)标记以<开始,以>结束
        (2)标记一般由开始标记和结束标记组成,结束标记前有/符号,这样的标记称为双标记
        (3)少数标记只有开始标记,没有结束标记,这样的标记称为单标记,如</hr>,在Html5中,单标记可以省略后面的/,写成<hr>
        (4)标记不区分大小写,但是一般用小写
        (5)可以同时使用多个标记共同作用于网页中的内容,各标记之间的顺序任意。

2)标记的属性

    许多标记还包括一些属性,以便对标记作用的内容进行更详细的控制。标记也可以通过不同的属性展现各种效果。属性在标记中的使用格式如下:
    <标记 属性1=“属性值1” 属性2=“属性值2” ……>受标记影响的内容</标记>
    例如<a href=“http://www.baidu.com”>百度</a>
    标记属性的规则如下:
        (1)所有属性必须包含在开始标记里,不同属性间用空格隔开。有的标记无属性
        (2)属性值用双引号引起来,放置相应的属性之后,用=分隔,属性值不设置时采用其默认值
        (3)属性之间的顺序任意

2)标记的注释

<!-- 注释文字 -->

3.特殊字符

1)一个英文字符的空格:&nbsp;

2)大于号>:&gt;

3)小于号<:&lt;

4)版权符号©:&copy;

5)注册商标®:&reg;

6)人民币符号¥:&yen;

4.常用的Html标记

1)文本标记

    网页中控制文本的标记有标题标记h1-h6,段落标记p,水平线标记hr,换行标记br,字体样式标记strong,em,del,ins,特殊字符等

2)列表标记

    无序列表,有序列表,自定义列表

3)超链接标记

4)图像标记

二.课堂笔记

三.课后回顾





–仰望星空,脚踏实地;以梦为马,不负韶华

上一篇:html5 基础知识总结


下一篇:【WEB前端开发】基础知识大总结(HTML5+CSS3)