HTML标签

HTML标签

标题标签

一级标题<h1></h1>
二级标题<h2></h2>
三级标题<h3></h3>
四级标题<h4></h4>
五级标题<h5></h5>
六级标题<h6></h6>

段落标签和强制换行标签

段落标签<p></p> 
强制换行标签<br>或者<br />  强制换行标签 **为单标签**
段落标签换行时会有间隙，如果想上下行文字挨着，可以用强制换行标签

超链接标签

1.外部链接 <a href="跳转目标" target="目标窗口的弹出方式"> 文本或图像</a>
_self在当前窗口打开  _blank在新窗口打开
2.内部链接 例如：<a herf="index.html">
3.空链接 <a herf="#">
4.下载链接 <a herf="压缩包名字">
5.网页元素链接 例如<a href="http://www.baidu.com" target="_blank"> <img src="图像标签用图.JPG"/></a>

路径

绝对路径：<img src="C:\Users\36961\Desktop\前端学习\图像标签用图.JPG">或者完整的网络地址<img src="http://www.itcast.cn/......../....">
同一级路径：<img src="......">  例如：<img src="图像标签用图.JPG">
下一级路径<img src="images/......"> 例如：<img src="images/图像标签用图.JPG">
上一级路径<img src="../img.jpg">  例如：<img src="../图像标签用图.JPG">

水平分割线

  水平分割线<hr color=" " size= >   **为单标签**

图像标签

 图像标签  **为单标签**
    <img src="图像URL"/> src是<img>标签的必须属性，用于指定图像文件的路径的文件名
     alt 替换文本，图像显示不出来的时候用文字替换
     title 提示文本，鼠标放在图像上显示的文字
     width 设置图像的宽度
     height 设置图像的高度
     width height一般情况下修改一个就行，另一个会等比例缩放
     border 设置图像的边框粗细

文本格式化标签

    加粗标签<strong></strong> <b></b>
    倾斜标签<em></em> <i></i>
    删除线标签<del></del> <s></s>
   下划线标签<ins></ins> <u></u>
   定义上标标签<sup></sup>
   定义下标标签<sub></sub>
   变小字号标签<small></small>
   变大字号标签<big></big>

盒子标签

    头部：<div></div>  div分割 分区  一行只能放一个（当做大盒子）
    内容：<span></span>  span跨度 跨区 一行可以放很多个（当做小盒子）

表格标签

    <table>
     <tr> (定义行)
         <td>单元格内的文字</td>（定义单元格）
     </tr>
 </table>
   放在table标签里面：
   align 规定表格相对周围元素的对齐方式 left center right
    border 规定表格单元是否拥有边框，默认为"",表示没有边框 1或者""
    cellpadding 规定单元边沿与其内容之间的空白，默认1像素 像素值
    cellspacing 规定单元格之间的空白，默认2像素 像素值
    width 规定表格的宽度 像素值或者百分比

表格结构标签

    <thead>标签表示表格的头部区域 <tbody>标签表示表格的主体区域
    <th>是表头单元格 跟<thead>不一样

表头单元格标签

      表头单元格标签 <th></th>

合并单元格

    1.跨行合并：rowspan="合并单元格的个数"
    2.跨列合并：colspan="合并单元格的个数"
    目标单元格
    1.跨行，最上侧
    2.跨列，最左侧
    合并后删除多余单元格

锚点链接

    点击链接可以快速定位到页面的某个位置
    1.在链接文本的herf属性中，设置属性值为#名字的形式，如<a href="#two">第二集</a>
    2.找到目标位置标签，里面添加一个id属性=刚才的名字，如<h3 id="two">第二集介绍</h3>

注释标签和特殊字符

    注释标签<!--注释内容--> 便捷键 ctrl+/
    特殊字符
    &nbsp 空格 &lt 小于号  &gt 大于号 &amp 和号  
    &sup2 平方（上标2） &sup3 立方（上标3） 
    &reg 注册商标 &copy 版权
    &yen 人名币

表单标签

     由表单域、表单控件和提示信息三个部分组成
    表单域 <form>标签，会把它范围内的表单信息提交给服务器
     <form action="url地址" method="提交方式" name="表单域名称">
     各种表单元素控件
     </form>
     POST提交到控制台 在控制台可以看到
     GET在网址栏可以看到

列表标签

    1.无序列表  <ul>中只能嵌套<li> <li>里面可以容纳所有元素
     <ul>
            <li>列表项1</li>
            <li>列表项2</li>
            <li>列表项<3/li>
     </ul>
     2.有序列表  <ol>中只能嵌套<li> <li>里面可以容纳所有元素
        <ol>
              <li>列表项1</li>
              <li>列表项2</li>
              <li>列表项3</li>
       </ol>
       3.自定义列表 <dl>中只能嵌套<dt>和<dd>  经常是一个<dt>对应多个<dd>
          <dl>
                 <dt>名词1</dt>1
                 <dd>名词1解释1</dd>
                 <dd>名词1解释2</dd>
         </dl>

intput之type属性

    input输入表单元素  **为单标签**
    <input type="属性值"/>
    <input/>是个单标签
    type属性的属性值及其描述如下：
    text 定义单行的输入字段，用户可在其中输入文本，默认宽度为20个字符
    password 定义密码字段，该字段中的字符被掩码
    buttton 定义可点击按钮（多数情况下，用于通过JavaScript启动脚本）
    checkbox 定义复选框
    radio 定义单选按钮
    file 定义输入字段和“浏览”按钮，供文件上传
    hidden 定义隐藏的输入字段
    image 定义图像形式的提交按钮
    reset 定义重置按钮，重置按钮会清除表单中的所有数据
    submit 定义提交按钮，提交按钮会把表单数据发送到服务器

input之其他属性

    <input type=" " name=" " value=" " checked=" " maxlength=" " />
    name 定义input元素的名称  属性值由用户自定义
    value 规定input元素的指   属性值由用户自定义
    checked 规定此input元素首次加载时应当被选中 属性值checked
    maxlength 规定输入字段中的字符的最大长度    属性值为正整数

label标签

      label标签为input元素定义标注
      <label for=""></label>
      例如：<label for="text">用户名：</label><input type="text" id="text"/>
      for和id要对应

select下拉表单标签

    select下拉表单元素 select里面至少包含一对<option> 在<option>中定义selected="selected"时，当前项即为默认选中项
    <select>
     <option>选项1</option>
     <option>选项2</option>
     <option>选项3</option>
     ...
 </select>

textarea文本域标签

    textarea文本域标签 定义多行文本输入的控件
    当用户输入内容较多的情况下，使用<textarea>标签
    <textarea rows=" " cols=" ">文本内容</textarea>
    rows="显示的行数" cols="每行中的字符数"

更新中…