首頁 >web前端 >html教學 >初步接触html心得_html/css_WEB-ITnose

初步接触html心得_html/css_WEB-ITnose

WBOY
WBOY原創
2016-06-24 11:40:231307瀏覽

接触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="这是样本图片"    style="max-width:90%"  style="max-width:90%"/>        </li>        <li>            <img src="2.jpg" alt="" border="2"     style="max-width:90%"  style="max-width:90%"/>        </li>        <li>            <img src="3.jpg" alt=""    style="max-width:90%" />        </li>    </ol>    <font face="Arial" color="red" size="3">游玩三天,蓝天白云,大海。</font><br />    <a href="#anchor_one">回到顶部</a><br /></body></html>-----------------------------------效果如下-----------------------------------------

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn