html常用标记

1.HTML 文档结构

   1.0 head 标签

<head>
    <title>...</title>
    <meta>
    <link>
    <style>...</style>
    <script>...</script>
</head>

   1.0 语义化

         语义化是指标签的用途,如标题标签,段落标签等。

         好处:1,更容易被搜索引擎收录。2,更容易让屏幕阅读器读出网页内容。

   1.1 <html>,<head>,<title>,<body>标记,

         注意:html不区分大写小的

   1.2

         </br>                       换行标记

         <p></p>                     段落标记

         <h1></h1>                   标题标记

         <center></center>           居中标记

         <em></em>                   强调语气的标签:效果为斜体

         <strong></strong>           强调语气的标签:效果为粗体。

         <span></span>               没语义,作用是设置单独的样式。

    1.3 无序列表

<ul>
     <li>unlist1 </li>
     <li>unlist2 </li>
</ul>
  • unlist1
  • unlist2

   1.4 有序列表

<ol>
   <li>olist1</li>
   <li>olist2</li>
</ol>
  1. olist1
  2. olist2

   1.5 表格标记

<table width="318" height="167" border="1" align="center">
    <caption>caption</caption>
    <th>
          <td>00</td>
          <td>00</td>
    </th>
    <tr>
        <td align="center" valign="middle">11</td>
        <td align="center" valign="middle">12</td>
    </tr>
    <tr>
         <td align="center" valign="middle">21<td>
         <td align="center" valign="middle">22<td>
    </tr>
<talbe>

0000 

caption
11 12
21 22

    1.6表单

<form action="" method="post" enctype="multipart/form-data" name="form1">
   文本域:<input type="text" name="user" id="user" size="39" maxlength="39"></br>
   密码域:<input type="password" name="password" id="password" size="40" maxlength="40"></br>
   单选按钮:<input type="radio" name="sex" value="man" checked><input type="radio" name="sex" value="woman" ></br>
   复选框:<input type="checkbox" name="checkbox" value="1" checked>1
           <input type="checkbox" name="checkbox" value="2">2
           </br>
   文件域:<input type="file" name="file"></br>
   提交按钮:<input type="submit" name="submit" value="提交">
           </br>
   重置按钮:<input type="reset" name="reset" value="重置">
           </br>
   普通按钮:<input type="button" name="button" value="按钮">
           </br>
   图形域:<input type="image" name="imagefield" src="" width="111" height="111">
</form>
文本域: 密码域: 单选按钮: 女 复选框:1 2 文件域: 提交按钮: 重置按钮: 普通按钮: 图形域:

 

posted @ 2015-01-04 23:56  beyondbycyx  阅读(179)  评论(0编辑  收藏  举报