ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

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

2021-11-08 17:03:02  阅读:125  来源: 互联网

标签:Web 标记 -- Html 文档 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)图像标记

二.课堂笔记

三.课后回顾





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

标签:Web,标记,--,Html,文档,HTML5,头部,内容,属性
来源: https://blog.csdn.net/xiaoyaoprefecture/article/details/121208754

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有