title <title> 元素可定义文档的标题。 浏览器会以特殊的方式来使用标题,并且通常把它放置..."/>

Html常用标签

1,108次阅读
没有评论

Head

编码

为了正确显示 HTML 页面,Web 浏览器必须了解页面中使用的字符集。

这在 <meta> 标签中指定:

<meta charset="UTF-8">

title

<title> 元素可定义文档的标题。

浏览器会以特殊的方式来使用标题,并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样,当把文档加入用户的链接列表或者收藏夹或书签列表时,标题将成为该文档链接的默认名称。

<title> 标签是 <head> 标签中唯一要求包含的东西。<head>
  <title></title>
</head>

Body

标题

<body> 
    <h1> 1 级标题 </h1>
    <h2> 2 级标题 </h2>
</body>

div 和 span

<body> 
    <div> 块级标签 </div>
    <span> 行业标签 </span>
</body>

超链接

<a href="url"  target="opentype"> 链接文本 </a>

图片

<img border="0" src="/images/pulpit.jpg" alt="Pulpit rock" width="304" height="228">
<img border="0" src="http:// 链接" alt="Pulpit rock" width="304" height="228">

列表

 有序列表:<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
无序列表:<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

表格

表格由  <table>  标签来定义。

每个表格均有若干行,由  <tr>  标签定义

每个表头由  <th>  标签定义。

每行被分割为若干单元格,由 <td> 标签定义。

<table style="width:100%">
  <tr>
    <th>Firstname</th>
    <th>Lastname</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
</table>

input

  • <input type="button">
  • <input type="checkbox">
  • <input type="password">
  • <input type="radio">
  • <input type="submit">
  • <input type="text">

text & password

<form>
  <label for="username">Username:</label><br>
  <input type="text" id="username" name="username"><br>
  <label for="pwd">Password:</label><br>
  <input type="password" id="pwd" name="pwd">
</form>

submit

<input type="submit"> 定义提交表单数据至表单处理程序的按钮。

<form action="/action_page.php">
  <label for="fname">First name:</label><br>
  <input type="text" id="fname" name="fname" value="John"><br>
  <label for="lname">Last name:</label><br>
  <input type="text" id="lname" name="lname" value="Doe"><br><br>
  <input type="submit" value="Submit">
</form>

Radio

定义单选按钮。

<form>
  <input type="radio" id="male" name="gender" value="male">
  <label for="male">Male</label><br>
  <input type="radio" id="female" name="gender" value="female">
  <label for="female">Female</label><br>
  <input type="radio" id="other" name="gender" value="other">
  <label for="other">Other</label>
</form>

checkbox

定义复选框。

<form>
  <input type="checkbox" id="vehicle1" name="vehicle1" value="Bike">
  <label for="vehicle1"> I have a bike</label><br>
  <input type="checkbox" id="vehicle2" name="vehicle2" value="Car">
  <label for="vehicle2"> I have a car</label><br>
  <input type="checkbox" id="vehicle3" name="vehicle3" value="Boat">
  <label for="vehicle3"> I have a boat</label>
</form>

select 下拉框

<form action="http://vip.biancheng.net/login.php" method="post">
     年龄区间:<select>
         <option>18 岁以下 </option>
         <option>18-28 岁 </option>
         <option>28-38 岁 </option>
         <option>38 岁以上 </option>
      </select>
</form>

多行文本 textarea

<textarea rows="9" cols="70">  
JavaTpoint textarea tag example with rows and columns.
</textarea> 
正文完
 
评论(没有评论)