一、元素
1、元素嵌套：元素中可以包含元素，可以包含其他元素也可以包含相同的元素。
嵌套的层级没有限制。
2、注释
注释可以提高代码可读性，更易被人理解。浏览器会忽略注释，不会显示它们。
注释用 结束：
<!-- 注释文字 -->
<h1>h1号文字</h1>
<h6>h6号文字</h6>
3、块元素
块级元素在浏览器显示时，通常会以新行来开始（和结束）。
比如：<h1>, <p>, <div>
4、内联元素
内联元素在显示时通常不会以新行开始，多个内联元素写在一起会显示在同一行。内联元素的宽高度随着元素内容而变化。
比如：<b>, <span>, <a>, <img>
二、网页头部
<head> 元素包含了所有的头部标签元素。通常样式css、脚本js写在head里面。
在里面可以插入<meta> 、 <title>、<style>、<link>、<script>等元素。
1、网页文档标题 title
<title> 是网页的标题，通常是必须要的，浏览器添加收藏的后在收藏夹中显示的标题，分享到朋友圈、好友显示的标题，在搜索引擎（百度）搜索结果列表中显示的标题
2、base标签
<base> 整个文档的链接根地址、默认链接的地址。
注：用的少，基本不用
3、link标签
链接（引入）外部资源地址。
通常用来链接样式表（css）
4、style
<style>元素添加样式来渲染 HTML 显示样式。用来写css的。
5、script
<script>标签用于加载脚本文件，如：JavaScript。
6、meta
meta标签描述了一些基本的元数据。
META元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者及其他元数据。
keywords(关键词)，比如在浏览器中搜索“html入门”：
<metaname="keywords"content="html入门">
description：页面的描述
<metaname="description"content="html的是网页前端基础">
author：页面作者
<metaname="author"content="张三">
charset：页面的编码
<metacharset="UTF-8">
刷新当前页面（30秒刷新一次页面）
<metahttp-equiv="refresh"content="30">
viewport:手机页面常用到，适应手机屏幕，设置缩放比例等
<metaname="viewport"content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
width：控制 页面显示 的大小，可以指定的一个值，如果 600，或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。
height：和 width 相对应，指定高度。
initial-scale：初始缩放比例，也即是当页面第一次 打开页面 的时候缩放比例。
maximum-scale：允许用户缩放到的最大比例。
minimum-scale：允许用户缩放到的最小比例。
user-scalable：用户是否可以手动缩放
7、<!DOCTYPE>
声明文档的类型，HTML 也有多个不同的版本，确定 HTML 版本，浏览器才能完全正确地显示出页面，这就是 <!DOCTYPE> 的用处。
声明必须是 HTML 文档的第一行，位于 <html> 标签之前。
HTML5
<!DOCTYPE html>
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
扫一扫
3211
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
