HTML常用标签介绍

css-font标签：字体标签，用来修改文本字体（face），颜色（color），和大小（size）。

特殊字符：把<br>标签显示在页面上，我们需要把特殊字符实体化

&lt br &gt

常用字符

<             &lt;

>             &gt;

空格         &nbsp；

标题标签：

h1-h6都是标题标签，h1最大

align 对齐属性

left（左）

center（中）

rigt（右）

超链接：在网页中所有可以跳转的内容

<a>  </a>表示超链接

href属性设置连接地址

target是指跳转目标（slef当前窗口跳转）（blank打开新页面跳转）

<a href="http//:www.4399.com" target="slef">种子连接</a>

列表标签：

有序列表，无序列表

<ul type="none"> <li> xx</li></ul>无序列表

<ol><li>xx</li></ol>有序列表

type属性可以修改列表前面符号

img标签：是图片标签，scr属性可以设置图片路径

在web中路径分为相对路径和绝对路径两种

javaSE中相对路径：从工程名开始算；绝对路径：盘符：/目录/文件名

Javaweb中相对路径：  .                    表示当前文件所在目录

                                      ..                  表示当前文件所在的上级目录

                                      文件名         表示当前文件所在目录文件，相当于./文件名 ./可以省略

绝对路径：

                   格式：http://ip:port/工程名/资源路径

<img src="../imgs/1.jpg"width="100" height="120" border="1" alt="图片丢失">

imgs:一个目录名    1.jpg：图片文件名    width:宽度属性  height：高度属性    border:图片边框大小属性 alt:设置文件丢失，用来代替显示的文本内容

表格标签：

<table border="1" width="300" height="300" cellspacing="0"><!--表头标签 ,cellsepacing表格间距属性-->
    <tr><!--行标签 -->
        <td align="center"><b>xx</b></td><!--单元格标签 --><!--b标签：加粗标签-->
        <th>xx</th><!--th是表头标签和align属性的居中是一个效果 -->
        <td>xx</td>
    </tr>
    <tr>
        <td>xy</td>
        <td>xy</td>
        <td>xy</td>
    </tr>
    <tr>
        <td>yy</td>
        <td>yy</td>
        <td>yy</td>
    </tr>
</table>

 

iframe标签：

<!-- iframe标签可以在页面上开辟一个小区域显示一个独特的页面
       iframe和a标签组合在一起的使用步骤
         1.在iframe标签中定义一个属性名称name；
         2.在a标签中定义一个target设置为name；
       -->
<iframe src="LiuBei.html"></iframe>

   <br/> <a href="LiuBei.html" target="name">五连抽</a>

 

表单标签：

<!-- form标签即表单标签
       input type="number"  数字输入框
       input type="password" 密码输入框
        maxlength="10"是输入框中的最大长度属性
       input type="radio"单选输入框
       checked="checked"设置为默认属性
       input type="checkbox"复选框
       <select></select>标签是下拉列表框
       <option></option>标签是下拉列表框中的选项
       <textarea>多行文本输入框（标签中的内容为默认值）
       input type="reset"重置
       input type="submit"提交
       input type="button"按钮
       input type="file"文件上传
       input type="hidden" 隐藏域 当我们发送某些信息，不需要用户参与，就可以使用隐藏域（提交时发送给服务器）
       -->
<form>
    账号：<input type="number"><br/>
    密码：<input type="password" maxlength="10"><br/>
    性别：<input type="radio" name="sex"checked="checked">男<input type="radio" name="sex">女<br/>
    兴趣爱好：<input type="checkbox">看妹妹<input type="checkbox">玩率土<input type="checkbox">阴阳人<br/>
    国际：<select>
    <option selected="selected">汉朝</option>
    <option>魏国</option>
    <option>蜀国</option>
    <option>吴国</option>
</select><br/>
    狗托记录器：<br/><textarea rows="5" cols="50">记录你的狗托生活</textarea><br/>
    <input type="reset" value="点了就是傻逼"><br>
    <input type="submit" value="填完了"><br>
    <input type="file"><br/>
    <input type="hidden">
</form>

 

表单提交细节：

<!--form标签的属性
     action属性设置提交的服务器地址
     method属性设置提交的方式GET（默认值）或POST
     GAT请求特点:
         1.浏览器中的地址是：action属性[+?+请求参数】,请求参数格式的是：name=value&name=value
         2.不安全
         3.有数据长度的显示
      提交结果：?action=login&li=1222&password=dadas&sex=boy&hobby=看妹妹&国家=魏国&sss=dasd
     POST请求特点:
         1.浏览器中只有action属性值
         2.相对get请求安全
         3.理论上没有数据长度限制
     表单提交的时候数据没有发送给服务器的三种情况
          1.表单没有name属性
          2.单选，复选（下拉列表中的option标签）都要添加value属性
          3.表单项不在form标签中
-->

其他标签：

<!--        div,span,p
        div      标签默认独占一行
        span     标签封装数据的长度
        p段落标签  默认会在段落上方或者下方各空出一行来
-->