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>
- olist1
- 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
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>