Heim  >  Artikel  >  Web-Frontend  >  初步接触html心得_html/css_WEB-ITnose

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

WBOY
WBOYOriginal
2016-06-24 11:40:231245Durchsuche

接触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>-----------------------------------效果如下-----------------------------------------

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

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn