HTML基本文档格式----<!DOCTYPE>标签
--<!DOCTYPE>标记位于文档的最前面,用于向浏览器说明当前文档使用哪种HTML或XHTML标准规范。主要用于浏览器解析文档标签的依据。
--必需在开头处使用<!DOCTYPE>标记为所有的XHTML文档指定XHTML版本和类型,只有这样的浏览器才能将该网页有效的XHTML文档,并按指定的文档类型进行解析。
--<!DOCTYPE>标记和浏览器的兼容相关,删除<!DOCTYPE>,就是把如何展示HTML页面的权利交给浏览器。
HTML基本文档格式---<html>标签
--<html>标记位于<!DOCTYPE>标记之后,也称为根标记,用于告知浏览器其自身是一个HTML文档,<html>标记标志着HTML文档的开始,</html>标记标志着HTML文档的结束,在他们之间的是文档的头部和主体内容。
<html>
-所有的标签必须写在两个闭合标签之间.
</html>
HTML基本文档格式--<head>标签-- <head>标记用于定义HTML文档的头部信息,也称为头部标记,紧跟在<html>标记之后。
--head标签定义的内容只是提供给浏览器使用。不用于用户的呈现。
--主要用来封装其他位于文档头部的标记,例如<title>,<meta>,<link>及<style>等,用来描述文档的标题,作者以及和其他文档的关系等。
--一个HTML文档只能含有一对<head>标记,绝大多数文档头部包含的数据都不会真正作为内容显示在页面中。
HTML基本文档格式--<meta>标签-- <metacharset=”UTF-8”>
--utf-8 是目前最常用的字符集编码方式,常用的字符集编码方式还有gbk和gb2312。
--gb2312简体中文。
--GBK包含全部中文字符繁体。
--BIG5繁体中文。
--UTF-8则包含全世界所有国家需要用到的字符。
--从二进制说起,符号表示文字,表示的模式就是编码,类似电报。
Link标签--引入DNS预先解析
--dns预解析(了解)
--引入网站 icon 图标:
--引入CSS样式
<link rel=”stylesheet”href=”css/bg.css”>
图片标签
<img src=””title=”图片的标题” alt=”当图片不显示的时候,会显示alt属性的文本”>
--Src:图片的网站。
--Alt:图片不显示的时候,会显示alt属性的文本。
--Title:对网站的seo有很大的影响,当鼠标移上去的时候,图片显示的tip提示文本内容。
标题标签:h1-h6--<h1>我是页面内容的标题<h1>
--标题作为页面的标题性的内容,一定要符合语义.标题1到6数字不是定义标题的样式大小,而是定义标题在整个页面中的权重。
--标题标签只能嵌套行内标签。<h1> 定义最大的标题, <h6> 定义最小的标题。
段落标签,行内标签 --在网页中要把文字有条理的显示出来,离不开段落标记,就如同我们平常写文章一样,整个网页也可以分为若干个段落,而段落的标记就是<p>,
--<p>段落文本<p>
--<p>是HTML文档中最常见的标记,默认情况下,文本在一个段落中会根据浏览器窗口的大小自动换行。
--段落标签也只能嵌套行内标签。
水平线标记<hr />
--在网页中常常看到一些水平线将段落与段落之间隔开,使得文档结构清晰,层次分明。这些水平线可以通过插入图片实现,也可以简单的通过标记来完成,<hr />就是创建横跨网页水平线的标记,其基本语法格式如下:<hr />是单标记,在网页中输入一个<hr />,就添加了一条默认样式的水平线。
HTML常用标签:
--水平线标签:<hr>
--换行标签:<br>,普通的空格和换行会进行合并。
--文本节标签:span,行内标签。
<em> 定义着重文字。
<i> 定义斜体字(不推荐)。
<strong> 定义加重语气。
<sub> 定义下标字。
<sup> 定义上标字。
<del> 定义删除字 。