zoukankan      html  css  js  c++  java
  • HTML总结

    一.HTML简介

    1.      HTML:Hypertext Markup Language

    2.      常用浏览器:IE,FF,Chrome

    3.      静态页面与动态页面:静态页面指html,htm格式的网页,动态页面是指aspx,php等格式的网页。

    4.      HTML基本结构:

    <html>

    <head>

    </head>

    <body>

    </body>

    </html>

    二.HTML常用标签

    <h1></ha><h6></h6>  6种字体大小

    <br />  换行

    <center></center>  居中

    <b></b><strong></strong>  粗体

    <i></i>  斜体

    <u></u>  下划线

    <sub></sub>  上标

    <sup></sup>  下标

    <font></font>  设置字体

    <hr />  水平线

    <pre></pre>  预格式化

    三.HTML编码

    &开头,以;结尾:

    &nbsp; 空格

    &lt; 小于号

    &gt; 大于号

    &amp; &

    &reg; @

    四.超链接

    1. a标签:

    <a href=’http://www.baidu.com’>百度</a>

    2. 相对url:

    /  网站根目录

    ../  父目录

    http://www.cnblogs.com/ 父目录的父目录

    3. target属性:

             target=’_blank’  在新窗口打开

             target=’_self’  在自己窗口中打开

    4. 锚,如“回到顶部”:

    1)        在指定位置创建锚:<a name=’here’></a>;

    2)        在要跳转的位置创建链接:<a href=’#here’></a>

    五.图片

    1. 格式:

    <img src=’1.jpg’ />

    2. 属性:

    title 鼠标移上去时显示的文字

    alt  当图片没下载完或没找到图片时显示的文字

    width,height  图片宽度和高度

    border 边框

    3. 注意:缩略图不是通过修改图片的大小来设置的,而是真有一张大图所对应的小图。

    六.两个单位

    px:像素

    em:为一个相对长度,指相对当前对象内文字的字体尺寸

    .列表

    <ul>

             <li>列表1</li>

             <li>列表2</li>

             <li>列表3</li>

             <li>列表4</li>

    </ul>

    八.表格

    1. 基本格式:

    <table>

             <caption></caption>

             <thead>

                       <tr>

                                <th></th>

                       <tr>

    <thead>

    <tbody>

             <tr>

                       <td></td>

             </tr>

    <tbody>

    <tfoot>

    <tr>

                                <th></th>

                       <tr>

    </tfoot>

    </table>

    九.表单

    1. 基本格式:

    <form action=’xxx.aspx’ method=’post’>

             <inputtype=’text’ />

             <inputtype=’submit’ value=’OK’>

    </form>

    2. 可提交表单的几个标签为:input,select,textarea

  • 相关阅读:
    【Centos7】卸载OpenJDK
    linux 网络测试命令 长期更新
    【Centos7】hostnamectl 设置主机名
    【VMware Workstation】虚拟机静态IP NAT连接外部网络(局域网以及广域网)
    【VMware Workstation】虚拟机动态IP NAT连接外部网络(局域网以及广域网)
    【刷题】BZOJ 4698 Sdoi2008 Sandy的卡片
    【刷题】BZOJ 1717 [Usaco2006 Dec]Milk Patterns 产奶的模式
    【刷题】洛谷 P3809 【模板】后缀排序
    【刷题】BZOJ 2038 [2009国家集训队]小Z的袜子(hose)
    【刷题】洛谷 P2709 小B的询问
  • 原文地址:https://www.cnblogs.com/jietian331/p/3005782.html
Copyright © 2011-2022 走看看