• HTML基础


    1.<body></body>

    在网页上要展示出来的页面内容一定要放在body标签中。

    2.<p></p>

    表示段落

    3.<hx></hx>

    表示标题,h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。

    4.<strong></strong>

    表示粗体

    5.<em></em>

    表示斜体

    6.<span></span>

    <span>标签是没有语义的,它的作用就是为了设置单独的样式用的。

    span{
        color:blue;
    }

    7.<q></q>

    短文本引用,注意要引用的文本不用加双引号,浏览器会对q标签自动添加双引号。

    8.<blockquote></blockquote>

    长文本引用。

    9.<br />

    表示换行

    10.&nbsp;

    表示空格

    11.<hr />

    添加水平横线

    12.<address></address>

    表示联系地址,也可以定义一个地址(比如电子邮件地址)、签名或者文档的作者身份。

    13.<code></code>

    表示一行代码

    14.<pre></pre>

    表示大段代码

    15.

    <ul>
      <li>信息</li>
      <li>信息</li>
       ......
    </ul>

    显示列表

    16.

    <ol>
       <li>信息</li>
       <li>信息</li>
       ......
    </ol>

    显示有序列表

    17.<div</div>

    相当于一个容器,可以把一些独立的逻辑部分划分出来,放在一个<div>标签中。

    18.<div  id="版块名称"></div>

    给div命名

    19.table表格标签

    1、<table>…</table>:整个表格以<table>标记开始、</table>标记结束。
    2、<tbody>…</tbody>:当表格内容非常多时,表格会下载一点显示一点,但如果加上<tbody>标签后,这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。

    3、<th>…</th>:表格的头部的一个单元格,表格表头。
    4、<tr>…</tr>:表格的一行,所以有几对tr 表格就有几行。
    5、<td>…</td>:表格的一个单元格,一行中包含几对<td>...</td>,说明一行中就有几列。

    20.caption标签,为表格添加标题和摘要。

    摘要:
    <table summary="表格简介文本">

    标题:
    <table>
        <caption>标题文本</caption>
        <tr>
            <td>…</td>
            <td>…</td>
            …
        </tr>

    </table>
    21.<a></a>

    实现超链接

    <a  href="目标网址"  title="鼠标滑过显示的文本">链接显示的文本</a>

    在新建浏览器窗口中打开链接
    <a href="目标网址" target="_blank">click here!</a>

    使用mailto在网页中链接Email地址



    22.<img>

    加载图片

    <img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">

    23.<form></form>
    表单标签
    <form   method="传送方式"   action="服务器文件">
    action :浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。
    method : 数据传送的方式(get/post)。
    (1)文本输入框、密码输入框
         <input type="text/password" name="名称" value="文本" />
    1、type:
         当type="text"时,输入框为文本输入框;
           当type="password"时, 输入框为密码输入框。
    2、name:为文本框命名,以备后台程序ASP 、PHP使用。
    3、value:为文本输入框设置默认值。(一般起到提示作用)
    (2)文本域
    当用户需要在表单中输入大段文字时,需要用到文本输入域。
    <textarea  rows="行数" cols="列数">文本</textarea>
    cols :多行输入域的列数。
    rows :多行输入域的行数。
    在<textarea></textarea>标签之间可以输入默认值。
    (3)单选框、复选框
    <input   type="radio/checkbox"   value="值"    name="名称"   checked="checked"/>
    1、type:
         当 type="radio" 时,控件为单选框
        当 type="checkbox" 时,控件为复选框
    2、value:提交数据到服务器的值(后台程序PHP使用)
    3、name:为控件命名,以备后台程序 ASP、PHP 使用
    4、checked:当设置 checked="checked" 时,该选项被默认选中
    (4)下拉列表框
    <select></select>
    多选:<select multiple="multiple"></select>
    <option value="向服务器提交的值" selected="selected">显示的值</option>
    设置selected="selected"属性,则该选项就被默认选中。
    (5)提交按钮
    <input   type="submit"   value="提交">
    type:只有当type值设置为submit时,按钮才有提交作用
    value:按钮上显示的文字
    (6)重置按钮
    <input type="reset" value="重置">
    type:只有当type值设置为reset时,按钮才有重置作用
    value:按钮上显示的文字
    (7)label标签
    <label for="male">男</label>
    点击男就会触发id为male的控件

  • 相关阅读:
    2017第5周五随想录~改变活法
    2017第5周四
    《高绩效教练》笔记
    2017第5周二杭州印象
    2017第5周一
    代码自动生成工具_java版
    20个代码生成框架
    通过数据库表自动生成POJO(JavaBean)对象
    java工具类–自动将数据库表生成javabean
    Nginx+Tomcat+Memcached负载均衡集群服务搭建
  • 原文地址:https://www.cnblogs.com/nickqiao/p/7583361.html
Copyright © 2020-2023  润新知