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段落标签  默认会在段落上方或者下方各空出一行来
-->

 

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 深蓝海洋 设计师:CSDN官方博客 返回首页