菜鸟教程-HTML_随笔

<!DOCTYPE html>声明为html5文档，有助于浏览器正确显示网页

<html>元素是html页面的根元素

<head>元素包含了文档的元数据，如定义网页编码格式

<title>元素描述了文档的标题

<body>元素包含了可见的页面内容

<h1>元素定义一个大标题

<p>元素定义一个段落

注：在浏览器的页面上使用键盘的F12按键开启调试模式，就可以看到组成标签

“HTML 标签”和“HTML 元素”通常是描述同样的意思，但是严格来说，一个HTML元素包含了开始标签和结束标签。只有body区域才会在浏览器中显示。

标题是通过<h1>-<h6>标签来定义的，字号逐渐减小。

HTML链接是通过标签<a>来定义的，在href中指定链接的地址。

图像是通过<img>来定义的，图像的名称和尺寸是以属性的形式来提供的。

HTML文档由HTML元素定义。

IE6/7及IE8混杂模式中，text- align:center可以使块级元素也居中对齐。其他浏览器中，text-align:center仅作用于行内内容上。

解决这个问题比较好的方式，就是为所有需要相对父容器居中对齐的块级元素设置“margin-left:automargin-right:auto”。但这个方式 IE6/IE7/IE8的混杂模式中不支持，所以还要设置父容器的 "text-align:center"。

若居中对齐的子元素内的行内内容不需要居中对齐，则还需要为其设置“text-align:left”：

<style>

* { font-family:Consolas,Verdana,Arialfont-size:12px}

div, center { border:3px solid dimgraypadding:2px}

span { background:lightgrey}

</style>

</div>

欢迎分享，转载请注明来源：内存溢出

菜鸟教程-HTML