html小总结

常见的普通标签

<h1>：标题

<p>：段落

<span>：为了设置单独的样式

<br/>：换行

&nbsp：空格

<strong>：加粗

<em>：斜体

<q>：引用（自动添加""）

<hr/>：添加水平线

需要多注意的标签QAQ

列表：（如何如果是按1，2，3而不是前面是圆点，用<ol>代替<ul>）

<ul>

       <li>信息1</li>                               

       <li>信息2</li>                                                         

       <li>信息3</li>

</ul>

效果图 ：        

分部：<div>

作用：把一些独立的逻辑部分划分出来，放在div里，这个div标签相当于一个容器

命名：<div class="name">   style里设置样式时用   .name{  }

链接：<a>

<a>： 添加链接  <a href="www.baidu.com" name="放在链接上显示">点此链接</a>

在新建浏览器窗口中打开链接

<a href="www.baidu.com" target="_blank">click</a>

链接email

<a href="mailto:742666613@qq.com?subject=主题名称&body=邮件内容">

插入图片

<img src="www.gakgnakl.jpg" alt="下载失败时的替换文本" title="鼠标放在图片上的提示文本" />

与用户交互的输入框，选择框

<form>

      <label for="username">用户名：</label>

      <input  type="text" name="username" id="username" value="" />

</form>

1.type:  text:文本输入框   password:密码输入框  submit:提交  reset：重置   radio：单选（几个选项的name要一样）  checkbox：复选（checked=“checked”意思默认选中）

2.name: 为文本框命名，以备后台程序asp、php使用

3.value: 设置默认值

需要输入大段文字时：<textarea row="50" cols="10">默认文字</textarea>

下拉选择框

<form>
<table>爱好：</table><br/>
<select>
   <option value="读书">读书</option>
   <option value="读书">读书</option>
   <option value="读书">读书</option>
   <option value="读书" selected="selected">提莫</option>
</form>

value是向服务器的提交值   selected="selected"选中状态

<label>标签

<label for="空间id名称"> 点击label会自动选择对应id的控件