HTML-01文档

基本格式

<!DOCTYPE html >

<html>

<meta charset="utf-8">

<head>

  <title></title>

</head>

<body></body>

</html>

标签

<h1></h1>

<p></p>

<i></i>

<em></em>

<b></b>

<strong></strong>

<br/>

<div></div>

<img src="" alt="">

<a href="" target="" title="" ></a>

有序

<ol>

  <li></li>

  <li></li>

  ……

</ol>

ol>li*2 按tab键

无序

<ul>

  <li><a></a></li>

  <li><a></a></li>

  ……

</ul>

ul>(li>a{内容})*2 按Tab键

定义

<dl>

  <dt>标题/题目</dt>    顶行的

  <dd>内容/解释</dd>  有缩进的

  <dt></dt>

  <dd></dd>

  ……

</dl>

dl>(dt+dd)*2 按Tab键

表格

<table 边框border=“1”  宽width=“300”  高height=“200” 表格在页面的对齐方式align=“left/center/right”默认靠左  单元格内容与边框距离cellpadding="0" 单元格与单元格距离cellspacing="0">

  <tr>  表格中的一行

    <th 单元格内容水平对齐方式align="left/center/right"默认靠左  ></th> 表头单元格

    <th 单元格内容垂直对齐方式valign="top/middle/bottom"默认居中></th> 表头单元格

    ……

  </tr>

  <tr>

    <td 单元格水平合并colspan="2"></td> 普通单元格

    <td 单元格垂直合并rospan="4"></td> 普通单元格

    ……

  </tr>

  <tr>

    <td></td> 普通单元格

    <td></td> 普通单元格

    ……

  </tr>

  ……

</table>

table>(tr>td*5)*6

6行5列的一个普通表格。

同时操作多行:

  按ctrl键多选,同时修改

布局:

  table布局:传统布局,应用:垃圾邮件

  html+css:div+css布局,需要用到css盒子模型,盒子类型,CSS浮动,CSS定位,CSS背景图定位等。

 

表单:

  搜集用户数据的标签:如登录,注册等。

  

  

  

  

  

  

  

  

  

  

猜你喜欢

转载自www.cnblogs.com/onroad2019/p/12177331.html