HTML基础

HTML标签

标题

<h1>一级标题<h1>
<h2>二级标题<h2>
<h3>三级标题<h3>
<h4>四级标题<h4>
<h5>五级标题<h5>
<h6>六级标题<h6>

段落

<p>每个段落自动换行，段落内部忽略连续空格</p>

段内换行

<br />

空格字符

 

预留格式 pre

<pre>预留格式文本保留了空格和空行<pre/>

行内组合 span

<span>组合行内元素，以便通过CSS样式化</span>

水平线

<hr />

注释

<!--这是一段注释-->

超链接

<a href="网址">文字或图片</a>

插入图像

<img src="路径+文件名" alt="w3c" />

区域 div

align: 排列

<div align="center">前端开发</div>

无序列表 ul li

<ul>
	<li>HTML</li>
	<li>CSS</li>
	<li>JS</li>
</ul>

有序列表 ol li

<ul>
	<li>HTML</li>
	<li>CSS</li>
	<li>JS</li>
</ul>

表格 table tr td

border 边框
th 表头

<table boarder="1">
	<th>
		<td>data<td>
		<td>data<td>
		<td>data<td>
	</th>
	<tr>
		<td>data<td>
		<td>data<td>
		<td>data<td>
	</tr>

表单与表单元素

表单：采集用户信息的区域
表单元素：文本框、按钮、单选、复选……

表单 form input

action属性：表单提交地址

• 文本：text
• 密码：password
• 提交按钮：submit
• 重置按钮：reset
• 单选框：radio
• 复选框：checkbox

当设置checked="checked"时，该项被默认选中

<form action="URL">
	<input type="text" name="userName" />
	<input type="submit" value="确定" />
	<input type="radio" value="boy" name="gender" checked="checked"/>
</form>

下拉列表框 select option

<select>
	<option>选项1</option>
	<option selected="selected">选项2</option>
</select>

文本域 textarea

<form action="URL">
	<textarea cols="50" rows="10">在这里输入内容……</textarea>
</form>