一个网页主要包括三种成分：
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后面跟一个冒号三个斜杠，其他模式跟一个冒号两个斜杠，应该使用小写字母输入模式
扫一扫
1166
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
