【web安全入门基础第一阶段_4】HTML_1

排版搞完再说

一些基本概念

头部元素

https://www.w3school.com.cn/html/html_head.asp

title1
姓名	电话
Bill Gates	555 77 854	555 77 855

title2
姓名	Bill Gates
电话
555 77 855

<table border="1" cellspaing="30" bgcolor="green">
<caption>title1</caption>
<tr>
  <th bgcolor="yellow">姓名</th>
  <th colspan="2">电话</th>
</tr>
<tr>
  <td>Bill Gates</td>
  <td>555 77 854</td>
  <td>555 77 855</td>
</tr>
</table>

<table  border="0" cellpadding="30" frame="above"><!--box,below,hsides,vsides-->
<caption>title2</caption>
<tr>
  <th align="left">姓名</th>
  <td>Bill Gates</td>
</tr>
<tr>
  <th rowspan="2">电话</th>
  <td>&nbsp;</td>
</tr>
<tr>
  <td>555 77 855</td>
</tr>
</table>

列表

咖啡
牛奶
茶

咖啡
牛奶
茶

咖啡
牛奶
茶

计算机: 用来计算的仪器 ... ...
显示器: 以视觉方式显示信息的装置 ... ...

<ul type="circle">
  <li>咖啡</li>
  <li>牛奶</li>
  <li>茶</li>
</ul>

<ol start="50">
  <li>咖啡</li>
  <li>牛奶</li>
  <li>茶</li>
</ol>
<ol type="A">
  <li>咖啡</li>
  <li>牛奶</li>
  <li>茶</li>
</ol>
<dl>
   <dt>计算机</dt>
   <dd>用来计算的仪器 ... ...</dd>
   <dt>显示器</dt>
   <dd>以视觉方式显示信息的装置 ... ...</dd>
</dl>

块
文档类型：帮助浏览器正确地显示网页
js

<p id="demo"></p>
<p>
<button type="button" onclick="document.getElementById('demo').innerHTML = Date()" style="padding: 6px 6px; border: 1px solid #555;">
点击我来显示日期和时间
</button>
</p>