码迷,mamicode.com
首页 > Web开发 > 详细

初步接触html心得

时间:2015-07-26 15:33:34      阅读:139      评论:0      收藏:0      [点我收藏+]

标签:

接触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>时间:201310</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>

-----------------------------------效果如下-----------------------------------------
技术分享
技术分享
新手初做,很多不好的地方,望各位多多包涵、多多指导。 

初步接触html心得

标签:

原文地址:http://www.cnblogs.com/wing411/p/4677681.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!