常见的普通标签
<h1>:标题
<p>:段落
<span>:为了设置单独的样式
<br/>:换行
 :空格
<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的控件