黑马程序员----HTML


----------------------  ASP.Net+Android+IO开发S 、  .Net培训、期待与您交流! ----------------------


                 HTMLWWW(万维网)一起诞生,它是众多标记语言的一种。虽然HTML的标准在不断的发展完善,每个版本都会提供一些新的功能,让设计者更加方便、灵活的设计网页,但是它的基本格式没变.

(一),HTML的基本格式

                  HTML文档的内容一般都位于<html></html>之间,分为首部(head)和主题(body)两个部分。文档的命令一般采用“<标记></标记>”的形式出现。有些标记可以单个出现,标记符号不区分大小写。

                  语法:

<html>
    <head>
       <title> 文档标题</title>
    </head>
    <body>
        文档的主体部分
    </body>
</html>


                  在”<”和”>”包含的标记中,通过设置属性,能使页面产生不同的效果。<标记>中可以包含一个属性,也可以包含多个属性。若有多个属性,则各属性之间必须用空格隔开。属性名和属性值之间用等号隔开,等号左边是属性名称,右边是属性值。

                  语法:

                      <标记 属性1 = 1   属性2 = 2>

                  在HTML中,等号右边的属性值可以带双引号,也可以省略双引号。

                  例如:<body bgcolor ="red" text = "black" link = "blue">

                       也可以这样写:<body bgcolor=red text=black link = blue>

                  注意:推荐还是带上双引号。

                  例如:

<html >
<head>
    <title>诗词</title>
</head>
<body>
<center>
     <h1>锄禾</h1>
     <hr />
    <h3>锄禾日当午,</h3>
    <h3>汗滴禾下土.</h3> 
    <h3> 谁知盘中餐,</h3>
     <h3>粒粒皆辛苦.</h3><br />
     <a href ="www.baidu.com">更多诗词</a>
</center>
</body>
</html>



(二),HTML标记

                 常用的HTML标记及其功能:

                             

                                         <head>.......</head>:首部标记符,不包含网页的内容,仅提供一些和网页相关的信息。

                                         <title>.......</title>:设置网页的标题,一把在浏览器的顶部标题栏中显示。

                                         <body>.......</body>:主体标记符,包含网页内的所有内容:文字,图片及超链接等。

                                         <hi>.......</hi>:标题标记符,i=1~6,定义了从16的标题。

                                          <hr>:换行并绘制一条水平直线,直线的上下两端都会留出一定的空白。

                                          <div>.......</div>:定义了一个块,块内可以有文本,图像等,目的是为了控制该块的样式。

                                          <font>.......</font>:控制字符的样式,size是它的一个常用的属性,用来控制字符的大小。

                                          <br>:强行中断当前行,多个<br>标记可以创建多个空行,新行与原行属性相同。

                                         <img>:插入图片,常用alt属性设置图片的简单文字说明,用src属性指明图片所在位置。

                                         <p>.......</p>:在页面中分段,遇到</p>另起一个新的段落,两个段落的性质可相同也可不同。

                                         <a>.......</a>:超链接,用href属性可创建多种形式的超链接。

                                         <ul>.......</ul>:定义一个无序列表,列表项的条目用标记符li创建,ul中可包含一个或多个li标记。

                                         <ol>.......</ol>:定义一个有序列表,列表项的条目用li创建。ol中可以包含一个或多个li标记。

                                        <table>........</table>:定义一个表格,用<tr>.......</tr>来表示行,用<td>.......</td>来表示单元格(列)。

                                        <center>.......</center>:居中显示。

                                        <b>.......</b>:表示粗体。



----------------------  ASP.Net+Android+IO开发S 、  .Net培训、期待与您交流! ----------------------


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值