哇咔咔，我又来了！！！那这次带来的是什么呢？是的，大家没有看错，因为项目的原因，我分配的任务是制作网页，而令人悲伤的是我一点基础也没有，所以只能从零开始了……

一、HTML5文档的基本格式

带有“＜＞”符号的元素被称为HTML标记，也称为HTML标签或HTML元素。
分为双标记（体标记）和单标记（空标记）。

双标记格式:<标记名>内容</标记名>
<标记名>被称为开始标记,</标记名>被称为结束标记.

单标记格式:<标记名>

例：
　双标记：< html >、< /html >
　单标记：< meta >

注意:HTML5中有个特殊的标记,称为注释标记.
格式:< !–注释语句-- >

1、<!doctype>标记

<!doctype>标记位于文档的最前面，用于向浏览器说明当前文档使用哪种HTML标准来规范，而HTML5文档中的DOCTYPE声明非常简单，就是这样：<!doctype html>。
使用HTML5的DOCTYPE声明，会触发浏览器以标准兼容模式来显示页面。

2、< html >标记（请忽略html两边的空格）

< html >标记位于<!doctype>标记之后，也称为根标记，用于告知浏览器其自身是一个HTML文档，< html >标记标志着HTML文档的开始，< /html >标记标志着HTML文档的结束。

3、< head >标记

< head >标记用于定义HTML文档的头部信息，也成为头部标记，紧跟在< head >标记之后的是主要用来封装其他位于文档头部的标记，例如< title >、< meta >、< link >及< style >等，用来描述文档的标题、作者，以及与其他文档的关系等。
一个HTML文档只能含有一对< head >标记，绝大多数文档头部包含的数据都不会真正作为内容显示在页面中。

4、< body >标记

< body >标记用于定义HTML文档所要显示的内容，也称为主题标记。浏览器中显示的所有文本、图像、音频和视频等信息都必须位于< body >标记内，< body >标记中的信息才是最终展示给用户看的。
一个HTML文档只能含有一对< body >标记，且< body >标记必须在< html >标记内，位于< head >头部标记之后，与< head >标记是并列关系。

二、HTML5语法

1、标签不区分大小写

2、允许属性值不使用引号

例：< input checked=a type=checkbox/ >等价于
< input checked=“a” type=“checkbox” >

3、允许部分标志性属性的属性值可以省略

例：< input checked="checked"type=“checkbox”/ >
可以省略为：
< input checked type=“checkbox”/ >
而可以省略的属性如下：
(1)checked
(2)readonly
(3)defer
(4)ismap
(5)nohref
(6)noshade
(7)nowrap
(8)selected
(9)disabled
(10)multiple
(11)noresize

注意：虽然HTML５简化了代码格式，但是建议团队合作时仍采用比较严谨的代码格式。

网页制作篇(智慧树网站马红老师)-基础知识总结1(标记篇)相关推荐

03 day1--javascript笔记pink老师-基础知识看这一篇就够了！
内容链接 day1 基础知识大总结(JS使用.变量.数据运算.数组.函数.作用域) 链接 day2 对象链接 day3 进阶API之DOM技术链接 day4 进阶API之BOM技术链接 day ...
HTML期末大作业: 学生个人网页设计作品学生个人网页模板简单个人主页成品个人网页制作 HTML学生个人网站作业设计代做...
1.临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手? 网页要求的总数量太多? 2.没有合适的模板?等等一系列问题.你想要解决的问题,在这篇博文中基本都能 ...
HTML期末大作业: 学生个人网页设计作品学生个人网页模板简单个人主页成品个人网页制作 HTML学生个人网站作业设计代做
HTML期末大作业: 学生个人网页设计作品学生个人网页模板简单个人主页成品个人网页制作 HTML学生个人网站作业设计代做 1.临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大 ...
iframe嵌入页面白屏_封闭在家学网页制作！为页面嵌入PDF文件——零基础自学网页制作
在页面中嵌入PDF文件在上一篇<在html页面中嵌入其他页面的方法--零基础自学网页制作>(结尾见目录)中我们学习了如何在页面中嵌入其他页面的操作.今天我们来嵌入一个pdf文件. 其实使 ...
高通平台8953 Linux DTS(Device Tree Source)设备树详解之一(背景基础知识篇)
本系列导航: 高通平台8953 Linux DTS(Device Tree Source)设备树详解之一(背景基础知识篇) 高通平台8953 Linux DTS(Device Tree Source ...
智慧树大数据分析python答案_智慧树大数据分析的python基础答案
当前位置:主页 > 娱乐 > 正文智慧树大数据分析的python基础答案
python独立网站教程_python从零到独立建设网站系列教程之基础知识篇（二）
python从零到独立建设网站系列教程之基础知识篇(二)python的安装在Windows上安装python点击Download链接然后就是按导航走点击确认,需要注意的是要把python加入到系统变 ...
电脑基础知识精选（硬件篇）
电脑基础知识精选(硬件篇) 电脑基础知识一.处理器 CPU 二.内存 RAM 三 .硬盘 Disk 四.显卡 GPU 五.主板 Motherboard 六.电源和显示器七.选配电脑常见问答八.如 ...
音视频开发入门基础知识（视频入门篇）
RTSP实时音视频开发实战课程:<RTSP实时音视频开发实战> 音视频开发入门基础知识(音频入门篇) 目录一.前言二.视频采集和显示三.视频常见的格式四.RGB转YUV和YUV转R ...

网页制作篇(智慧树网站马红老师)-基础知识总结1(标记篇)