一个网页主要包括三种成分：
1）文本内容：要展示的信息
2）对其文件的引用：例如图像，视频，svg（可缩放矢量图形），指向其他html的页面和资源，样式表，JavaScript文件
3）标记：对文本内容记性描述并使引用正确的工作
除了这三种成分，网页还包括其他的html，提供关于页面本身的信息，例如网页内容的主要语言，字符编码等。这些都是为浏览器和搜索引擎准备的，用户通常看不见。
1.1 基本的html
<!DOCTYPE html><!-- 该标记告诉浏览器该html的版本，代码不区分大小写，但DOCTYPE 一般为大写-->
<html>
<head>
<meta charset="utf-8">
<title>示例1</title>
</head>
<body>
</body>
</html>
从<html>到<body>之间的部分除了<title></title>之间的内容可见，其他都是为浏览器和搜索引擎准备的，对用户不可见
网页的内容位于<body></body>之间
1.2 语义化html:有含义的标记
html可以包含关于文档中内容的信息，这些信息称作标记，用来描述内容的含义，即语义。
html并不定义内容在浏览器中如何显示，那是css的事情。html5更加强调这种区别。但是基本的html页面中有样式的差别，是因为每个web浏览器都有一个内置的css文件，决定每个html元素的默认样式。自己创建的css可以覆盖这些样式
1.块级元素，行内元素以及html5
在html5之前，大多数元素可以划入块级或者行内级，html5废弃了这些术语。
通常，以前归入行内级元素的在html5中称作短语内容，即，主要显示在一个段落之内的元素及其包含的文本。
块级元素也被列入了新的html5类别中，强调的是它们的语义功能，这些元素大多用来标明内容的主要结构块和标题。
通常，标题，段落和结构化元素（如article）显示为单独行，短语内容则与外围的内容显示在同一行。
1.3标记：元素，属性和值
html标记包含三种成分：元素，属性和值1）元素：网页标签，可以包含文本，其他元素或者是空的。一个非空元素由开始标记，内容和结束标记组成。
元素都是小写，也可以大写（但不推荐用）
2）属性：包含的是有关文档内容的信息，但不是文档内容本身，属性值一般用引号，也可以不用，属性也是小写
<a href="http://www.baidu.com" rel="external" title="lear more">内容</a>
a:标签
href,title,rel都是属性
"http://www.baidu.com":属性的值
3)父元素和子元素：如果一个元素包含另一元素，他就是包含元素的父元素，被包含的就是子元素
<artitle>
<p>标题<p>
</article>
article:父元素
p：子元素
1.6文件名
命名规则：
1.使用小写字母给网页文件命名
2.用短横线分割单词
3.使用正确的扩展名
1.7 URL
URL的第一部分称为模式(schema)，模式告诉浏览器如何处理需要打开的文件，最常见的是HTTP，用于访问网页
第二部分是文件所在的服务器名称，紧接着是到达这个文件的路径，以及文件自身的名称。
其他常见的模式有https，ftp（文件传输协议，用于下载文件），mailto(用于发电子邮件),file(用于访问本地硬盘或者本地文件共享网络上的文件)
mailto 后面跟一个冒号，没有斜杠，file后面跟一个冒号三个斜杠，其他模式跟一个冒号两个斜杠，应该使用小写字母输入模式
相关推荐
网页的构造块.........................................1 1.1 HTML 思想......................................1 1.2 基本的 HTML 页面.........................2 1.3 标签:元素、属性、值及其他 ......4 1.4 ...
inheritConstruct_1.java 构造器继承示例1 inheritConstruct_2.java 构造器继承示例2 inheritConstruct_3.java 构造器继承示例3 inheritConstruct_4.java 构造器继承示例4 inheritConstruct_5.java 构造器继承...
232.1 序列概述 .................................................. 23 2.2 通用的序列操作 ...................................... 24 2.2.1 索引.............................................. 24 2.2.2 ...
9-30 4 构造方法 对象的常用操作 9-30 5 面向对象的封装 继承 多态 9-30 6 面向对象的封装 继承 多态2 9-5 1.php xml编程①-xml基本介绍 xml元素 xml属性 9-5 2.php xml编程②-cdata 实体字符 处理指令 dtd快速入门 ...
类属性&对象属性&构造方法&析构方法&访问权限1.mp4 │ 千锋Python教程：71.类属性&对象属性&构造方法&析构方法&访问权限2.mp4 │ 千锋Python教程：72.类属性&对象属性&构造方法&析构方法&访问权限3.mp4 │ 千锋...
JS俄罗斯方块完美注释版，今天终于用了大约4个小时写出来了.... 用户点开始->构造一个活动图形, 设置定时器, 每次向下移动后, 都检查是否触底, 如果触底了, 则尝试消行, 完了之后再构造一个活动图形, 再设置定时器.
近自己突然觉得做网页好没意思啊，强烈的感觉啊，现在觉得去学习android和ios很好，因为觉得做网页都是那几个框架，一成不变啊，写来写去都是这么做。看来自己在程序这方面做不久啊。 二：先说说静态块： ...
书是风靡全球的HTML和CSS入门教程的最新版，至第6版累积销量已超过100万册，被翻译为十多种语言，长期雄踞亚马逊书店计算机图书...第1章 网页的构造块 第2章 处理网页文件 第3章 基本HTML结构 第4章 文本 ......
• sample04.htm 在同一个网页中使用不同脚本语言 • sample05.htm 判断浏览器对JavaScript版本的支持情况 • sample06.htm 引用外部JavaScript • sample07.htm 在同一个HTML文档...
9-30 4 构造方法 对象的常用操作 9-30 5 面向对象的封装 继承 多态 9-30 6 面向对象的封装 继承 多态2 9-5 1.php xml编程①-xml基本介绍 xml元素 xml属性 9-5 2.php xml编程②-cdata 实体字符 处理指令 dtd快速入门 ...
9-30 4 构造方法 对象的常用操作 9-30 5 面向对象的封装 继承 多态 9-30 6 面向对象的封装 继承 多态2 9-5 1.php xml编程①-xml基本介绍 xml元素 xml属性 9-5 2.php xml编程②-cdata 实体字符 处理指令 dtd快速入门 ...
9-30 4 构造方法 对象的常用操作 9-30 5 面向对象的封装 继承 多态 9-30 6 面向对象的封装 继承 多态2 9-5 1.php xml编程①-xml基本介绍 xml元素 xml属性 9-5 2.php xml编程②-cdata 实体字符 处理指令 dtd快速入门 ...
9-30 4 构造方法 对象的常用操作 9-30 5 面向对象的封装 继承 多态 9-30 6 面向对象的封装 继承 多态2 9-5 1.php xml编程①-xml基本介绍 xml元素 xml属性 9-5 2.php xml编程②-cdata 实体字符 处理指令 dtd快速入门 ...
(1) 分初级、中级和高级三个级别，扫雷英雄榜存储每个级别的最好成绩，即挖出所有地雷 且用时最少者。 (2) 选择级别后出现相对应级别的扫雷区域，用户使用鼠标左键单击雷区中任一方块便启动 计时器。 (3) 单击...
/// 请 关 注：WebMIS.Net快速开发工具，不写一行程序开发B/S架构下MIS、OA、CRM、人事管理、档案管理等数据库网页系统。简单、实用、稳定、可靠。 /// 下 载： /// 上海奥联：WWW.AlinkSoft.COM /// 用友...
EmEditor Professional 中文版支持多种配置，自定义颜色、字体、工具栏、快捷键设置，可以调整行距，避免中文排列过于紧密，具有选择文本列块的功能(按ALT 键拖动鼠标)，并允许无限撤消、重做，总之功能多多，使用...
网络忍者HTML，CSS课程01_简介1.HTML是用于构造内容的标记语言。2.CSS是用于设置网页样式的语言。 3.HTML标签用于构造网页上的内容。02_HTML基础HTML标签-HTML文档由HTML元素或标签树组成。 所有元素均使用开始标签...
实例068 判断网页请求与FTP请求 86 实例069 判断文件类型 87 实例070 判断字符串是否为数字 89 实例071 验证IP地址的有效性 90 实例072 鉴别非法电话号码 91 4.3 操作字符串 92 实例073 根据标点符号对字符串进行...