Week 01 Training: Fundamentals of HTML & CSS

[W1]

2017-04-07  本文已影响13人  m_lestone

1、两个无序列表

<ul style="font-size:40px">                       无序列表始于<ul>标签,用style定义字体为40号

<b>语言</b>                  

<b>                                                            <b>标签用于加粗

<li>C#</li>                                                 无序列表项始于<li>

<li>JavaScript</li>

</b>

</ul>

<ul style="font-size:40px">

<b>编辑器</b>

<b>

<li>Atom</li>

<li>Visual Studio Code</li>

</b>

</ul>

2、表格

注:题目表格出错,代码是更正版

<table border="1">                  <table>是表格的标签,border=“1”是边框的样式

<tr>                                          <tr>是行开始的标签

<td>年份</td>                         <td>是列开始的标签

<td style="text-align:center"><b>.com域名的数量</b></td>  

                                                 style="text-align:center"是选取居中样式,<b>加粗

<td style="text-align:center"><b>.cn域名的数量</b></td>

<td style="text-align:center"><b>.nei域名的数量</b></td>

</tr>

<tr>

<td>2003年</td>

<td>1000</td>

<td>2000</td>

<td>3000</td>

</tr>

<tr>

<td>2004年</td>

<td>4000</td>

<td>5000</td>

<td>6000</td>

</tr>

<tr>

<td>2005年&nbsp;&nbsp;&nbsp;</td>           &nbsp;是空格

<td>7000&nbsp;&nbsp:&nbsp;</td>

<td>8000&nbsp;&nbsp;&nbsp;</td>

<td>9000&nbsp;&nbsp;&nbsp;</td>

</tr>

</table>

3、页面

这部分代码在notepad++上完成


效果如下:

4、CSS美化

使用CSS部分如上,改变了body、h1、h3、pre、textarea五个选择器的背景色,效果如下:

上一篇 下一篇

猜你喜欢

热点阅读