黑马程序员--HTML学习笔记(五)

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

文本的显示

a. <center>…</center>

使文本居中显示

b. <h1 align = “left”>…..</h1>

  <h2 align = “right”>….</h2>

  <h3 align = “center”>…</h3>

  ….

  <h6 align = “left”>….</h6>

  用于指出文档的标题,1表示最大标题,6表示最小标题,属性align用于设置标题对齐方式。

c. <font size = n color = “clr”>….</font>

  设置字体,属性size表示字体大小,n 从1~7,1表示字体最小,7表示字体最大;属性color表示字体颜色。

d. <b>…..</b>

  使文本成为粗体。

e. <i>……</i>

  使文本成为斜体。

 

<html>

     <head>

       <title>呵呵呵</title>

     </head>

     <body>

          <center>

                 <h2 align = “center”><font size = “7” color =”#ffffff”>啊啊啊</font> </h2>

                 <b>嗯嗯嗯</b><br>

                 <hr color = “#ff0000”>

                 <p>

                 <b><i><font size = “3” color = “#00ff00”>海到天边天作岸<br>

                 山登绝顶我为峰</font></i><b>

          </center>

     </body>

</html>



列表

使用<ol>和<li>标签来创建带有数字编号的列表:

<ol>

   <li>黑马程序员

   <li>黑马程序员

   <li>黑马程序员

   <li>黑马程序员

   <li>黑马程序员

</ol>

也可以在<ol>标签中添加start属性,设置起始的序号;在<li>标签中使用value属性,改变列表中的编号顺序:

<ol start = “10”>

   <li>黑马程序员

   <li>黑马程序员

   <li>黑马程序员

   <li value = “20”>黑马程序员

   <li>黑马程序员

</ol>


定义表格

用<table>元素来定义

<table border = n align = “alignment” bgcolor = “clr”>…..</table> 

2.定义表格的标题

<caption>定义表格的标题

<caption>….</caption>

 

3. 定义新行

<tr>元素在表格中添加一个新行,例如:

<tr align = “alignment” valign = “alignment”>…….</tr>    //table row

 

4.定义表头

<th>元素用于定义表头,如下:

<th>…..</th>   //table head

5.定义单元格

<td>元素用于定义单元格,如下:

<td>…..<td>    //table data

例子: 

<html>

   <head>

     <title>这是一个HTML表格</title>

   </head>

   <body>

      <table border = 2 align = "center" bgcolor = "#ffdddd">

          <caption>标题 </caption>

          <tr align = "center" valign = "middle">

                 <th>表头 </th> 

                 <th>表头</th>

                 <th>表头</th>

                 <th>表头 </th>

          </tr>

          <tr align = "left" valign = "top">

                 <td>内容</td>

                 <td>内容</td>

                 <td>内容</td>

                 <td>内容</td>

          </tr>

          <tr align = "right" valign = "bottom">

                 <td>内容</td>

                 <td>内容</td>

                 <td>内容</td>

                 <td>内容</td>

          </tr>

          <tr align = "center" valign = "middle">

                 <td>内容</td>

                 <td>内容</td>

                 <td>内容</td>

                 <td>内容</td>

          </tr>

      </table>

   </body>

</html> 


----------------------  ASP.Net+Android+IOS开发 .Net培训 、期待与您交流! ----------------------
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值