8.html常用标签

ctrl+shift+/注释掉
一、html常用标签
1.font

<font color ="red" face="宋体" size="7">
hello
</font>

2.特殊字符

我是
标签 （x）
我是<br>标签 (√)

我是<br>标签       

3.标题标签
只有h1到h6 无h7 大小从大到小

<h1 align="left">标题 1</h1>
<h2 align="center">标题 2</h2>
<h3 align="right">标题 3</h3>
<h4>标题 4</h4>
<h5>标题 5</h5>
<h6>标题 6</h6>

4.超链接

    <a href="http://baidu.com">百度</a><br/>
    <a href="http://localhost:8080" target="_self">百度_self</a><br/>
    <a href="http://localhost:8080" target="_blank">百度_blank</a><br/>

5.列表
无序

<font color ="red" face="宋体" size="7">
<ul type="none"><!--unorder list -->
        <li>s1mple</li><!--list item-->
        <li>zywoo</li>
        <li>Jame</li>
        <li>Kennys</li>
    </ul>
</font>

有序

<ol ><!--order list 放font里没序号？？？-->
    <li>s1mple</li>
    <li>zywoo</li>
    <li>Jame</li>
    <li>Kennys</li>
</ol>

6.img
img 标签是图片标签 , 用来显示图片
src 属性可以设置图片的路径
width 属性设置图片的宽度
height 属性设置图片的高度
border 属性设置图片边框大小
alt 属性设置当指定路径找不到图片时 , 用来代替显示的文本内容

   <img src="imgs/1.jpg"border="1"/>
 <img src="1.jpg" width="200" height="260" border="1" alt=" 美女找不到"/>
 <img src="./2.jpg" width="200" height="260" />
 <img src="imgs/3.jpg" width="200" height="260" />
 <img src="./imgs/4.jpg" width="200" height="260" />
 <img src="./imgs/5.jpg" width="200" height="260" />
 <img src="./imgs/6.jpg" width="200" height="260" />

7.表格标签

 <table align="center" border="1"bgcolor="black" width="300" height="300" cellspacing="0">
         <tr>
             <td align="center"><b>1.1</b></td>
             <th>1.2</th>
             <th>1.3</th>
         <tr>
         <th>2.1</th>
             <th>2.2</th>
             <th>2.3</th>
         <tr>
             <td><b>3.1</b></td>
             <th>3.2</th>
             <th>3.3</th>
     </table>

8.跨行跨列标签
colspan 属性设置跨列 rowspan 属性设置跨行

  <td colspan="2" rowspan="2"align="center"><b>1.1</b></td>
             <th>1.3</th> <!--将1.2 2.1 2.2删除-->
         <tr>
             <th>2.3</th>

9.iframe
ifarme 标签可以在一个 html 页面上,打开一个小窗口,去加载一个单独的页面.

<iframe src="biaoge.html" width="500" height="400" name="x"><!--双标签-->
</iframe>
<br/>
<ul>
    <li><a href="biaoge.html" target="x">biaoge.html</a></li>
    <li><a href="href.html" target="x">href.html</a></li>
    <li><a href="wohtml.html" target="x">wohtml.html</a></li>
    <li><a href="iframe.html" target="x">iframe.html</a></li>
</ul>

10.表单标签
<input type="radio"> 。。。radio是单选框 name可以进行分组 checked="checked"默认选择
select 标签是下拉列表框
option 标签是下拉列表框中的选项 selected="selected"设置默认选中
reset submit button file
hidden
get可以看到 <input type="hidden" name="action" value="login" />

<form action="http://localhost:8080" method="get">
<input type="hidden" name="action" value="login" />
    用户名<input type="text" value="请输入"name="user"><br>
    密码 <input type="password"name="pwd"><br>
    性别<input type="radio" name="sex" value="male">男<input type="radio" name="sex"value="female" checked="checked">女<br>
   爱好 <input type="checkbox" checked="checked">足球 <input type="checkbox">篮球 <input type="checkbox">排球<br>
    国籍 <select name="country">
         <option value="none">请选择国籍</option>
         <option value="cn" selected="selected">中国</option>
         <option value="ger">德国</option>
         <option value=""usa">美国</option>

11.其它标签
div 标签 默认独占一行
span 标签 它的长度是封装数据的长度
p 段落标签 默认会在段落的上方或下方各空出一行来（如果已有就不再空）