【XHTML&CSS读书笔记】入门基本架构

来源：互联网发布：百度申诉网络异常编辑：程序博客网时间：2024/06/05 02:04
读《HTML之路》第1、2章笔记
基本源码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">    <!-- 以上是文档声明：告知此HTML代码的版本若没有此声明，则浏览器会自动启用quirks模式, 按照默认的方式处理页面的代码此声明之前，不能有任何其他内容，否则它会失效，浏览器还是会使用quirks模式--><!--这里指定文档的主要语种，如果在内容用到了不同的语种，使用行内属性xml:lang，例如：<span xml:lang="de">HTML</span> --><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <!--head对象描述HTML文档内容的通用信息,不是页面的实际内容, 在此对象内可以使用的标签只有title、link、meta、base、style和script，但必需的标签是title--><head>     <!-- 在这里表示文档标题，出现在浏览器的窗口上-->        <title>Browser default heading styles</title>      <!--     meta通过HTTP头信息声明此文档的媒介类型和字符集,      也可以通过服务器端的.htaccess进行设置或者通过PHP进行设置    所以此meta对象可以不用    -->     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />     <!--     style对象用于在head对象内定义单页的CSS，由一系列的CSS规则组成     注意: CSS内的注释要使用星和斜杠进行注释     type属性告诉浏览器，对象内的内容是什么，media属性，规定了与样式关联的媒体，    只支持screen和print， 这里设置为all，和没有设置此属性一样    -->     <style type="text/css" media="all">                /*一个具体的CSS*/         body {             font-family: "Times New Roman", Times, serif;            color: white;            background-color: black;        }            h1 {            color: red;        }    </style></head><!-- HTML文档的主体部分，所有内容放到这里，就是用户将要看到听到的内容--><body> <h1>Heading 1 (h1)</h1><h2>Heading 2 (h2)</h2><h3>Heading 3 (h3)</h3><h4>Heading 4 (h4)</h4><h5>Heading 5 (h5)</h5><h6>Heading 6 (h6)</h6></body></html>
运行结果：