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

专科3年的修炼

于 2021-11-08 16:59:57 发布

阅读量694

点赞数

文章标签： html5

本文链接：https://blog.csdn.net/xiaoyaoprefecture/article/details/121208754

版权

第二章：HTML5基础

一.预习笔记

1.Html5文档的基本结构

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

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

2）根标记<html>

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

3）头部标记<head>

<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）超链接标记

（1）href

定义超链接指向文档的url

（2）target

定义超链接的目标窗口在哪里打开

（3）title

定义鼠标只想超链接时显示的提示文本

4）图像标记

（1）src

设置图像来源，指定图像文件的路径和文件名

（2）alt

图像不能显示时的替换文本

（3）title

鼠标指针只想图像时的提示文本

（4）width

宽度

（5）height

高度

二.课堂笔记

三.课后回顾

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

专科3年的修炼

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Web前端开发--第二章：HTML5基础

第二章：HTML5基础一.预习笔记1.Html5文档的基本结构1）文档类型声明<!doctype>    位于文档的最前面,用于向浏览器说明当前文档使用哪种HTML标准规划。2）根标记<html>    <html>标记标志着Html文档的开始，</html>标记标志着Html文档的结束。它们中间的就是文档的头部和主体类容3）头部标记<header>&n
复制链接

扫一扫