初步接触html心得

发表于:2015-07-27 14:51:36 | 阅读数:--次| 作者:html,css

摘要：接触HTML大概有七天，做一下小总结，过过记忆。html大致可分为三部分：Dtd头、Head、Body三大部分。Dtd头:是用于浏览器编辑的，也就是俗话说的给电脑看的的东西。Head：内细分下大概有title（标题）、base（将相对url转换为绝对url）、link（使用外部链接时使用）、styl...

接触HTML大概有七天，做一下小总结，过过记忆。

html大致可分为三部分：Dtd头、Head、Body三大部分。

Dtd头:是用于浏览器编辑的，也就是俗话说的给电脑看的的东西。

Head：内细分下大概有title（标题）、base（将相对url转换为绝对url）、link（使用外部链接时使用）、style（声明样式）、meat（定义文件信息）等组成Html的头部部分。

body：这是整个Html中最重要的部分，也就是说的给人看的部分。它由主体部分中各类标签组合而成，其中重要的部分有：样式标签、文本标签、img链接（图像）、a标签（链接）等组成。

以下用一个实例举证:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>舟山游记</title>
</head>
<body background="./明亮.jpg" text="#ffffff">
    <a name="ancher_one"></a>
        <p>时间：2013、10</p>
    <center>    
        <h1>十月份黄金周小游舟山</h1>
        <hr>
        <h6>一趟不怎么快乐的旅行</h6>
    </center>
    <font face="Arial" color="red" size="3"></font><br />
    <hr>
照片：
    <ol>
        <li>
            <img src="1.jpg" alt="这是样本图片" width="420" height="320"/>
        </li>
        <li>
            <img src="2.jpg" alt="" border="2"  width="320" height="420"/>
        </li>
        <li>
            <img src="3.jpg" alt="" width="300" />
        </li>
    </ol>
    <font face="Arial" color="red" size="3">游玩三天，蓝天白云，大海。</font><br />
    <a href="#anchor_one">回到顶部</a><br />
</body>
</html>

-----------------------------------效果如下-----------------------------------------

新手初做，很多不好的地方，望各位多多包涵、多多指导。