zoukankan      html  css  js  c++  java
  • HTML基础复习1

    网页:HTML(超文本标记语言)

    网页分为静态网页和动态网页,区别:动态网页中可以加入脚本代码,还可以动态的引入数据库中的信息。
    HTML的结构

    <html>
        <head>头信息
        <title>网页的标题</title>
        
        </head>
        <body>网页信息</body>
    </html>
    
    Head标签中的子标签:

    title:网页标题栏标签
    meta:设置浏览器显示该网页的编码
    <meta http

    • gbk、gb2312:中文编码(只有中文占用两个字节)
    • utf-8:万国码(所有的内容都是以两个字节来显示)
    • iso-8859-1:英文编码(不能解析中文)
      可以解决网页中的乱码

    <style>css样式</style>
    <link href = "引入外部css/">
    <script>js代码</script>

    单标签:

    <br/>,<meta />
    自己结束的标签

    双标签:

    <html></html>
    需要结束的标签,里面可以写其他标签

    Body标签中常见的标签
    1. <h1></h1>:标题标签:数字可以从1~6,对应着1级标题到6级标题
      特点:加粗、会产生空白行。
      属性:就是写在开始标签中。 align水平对齐(默认居中)align="right"(右对齐) align="left"(左对齐) <h1 align>一级标题</h1>
    2. <p></p>段落标签:
      特点:会产生换行。align水平对齐
    3. <br/>换行标签:
    4. 注释:
    5. 空格:&nbsp;

    6. :水平线

    属性:设置颜色:color = 单词或者十六进制#????
    设置宽度:width = "数字或者百分比"
    设置粗细:size = "数字或者百分比"
    设置对齐方式:align = "水平线所在的位置"
    7. <font></font>:设置文本的字体
    颜色:color = ""
    大小:size = "" 1~7
    字体:face = ""
    8. <u></u>:下划线
    9. <s></s>:删除线
    10. <i></i>:斜体
    11. <b></b>:加粗
    12. <center></center>:居中标签
    13. bgcolor = "颜色":Body的属性

    超链接

    <a href = "连接路径">文字</a>

    连接路径:
    1. 相对路径:以当前所在的页面为基准。
      如果访问的为本工程下的资源用相对路径。
      如果访问的为同一个目录下的,可以直接用网页名称
      如果访问的为下一个目录下的,目录名/网页名称
      如果访问的为上一层目录下的,../网页名称 上上层../../网页名称
    2. 绝对路径:
      如果访问其他工程下的资源用绝对路径。
      域名通过域名解析(DNS)成为ip地址。
    书签连接(了解):

    指向文档内部的连接,通常在浏览很长的文档使用以便于导航。
    <a href = "#标签名"></a> <a name = "标签名"></a>

    target:

    target = "\_blank":在新窗口打开连接
    target = "\_self"

    图片和多媒体文件的使用:

    <img src = "图片的路径"/>可以相对路径和绝对路径
    属性:
    width = "":宽度
    height = "":高度
    border = "":边框
    <title></title>:鼠标放上去显示的文本
    <alt></alt>:当图片无法加载是显示的内容
    hspace = "":该图片与同行内容间的水平距离
    vspace = "":该图片上下的垂直距离
    align:

    • align = "top":该图片与同行元素顶部对齐
    • bottom:
    • middle:
    • left:该图片靠左显示
    • right:该图片靠右显示
    图片超链接:

    在img外面加一个<a href = "链接地址"></a>标签

    设置图片热区连接:

    usemap = "#map的名称"
    <map name = "map的名称">
    <area shape = "" coords = "" href = ""/>
    </map>

    背景图片:

    body background

    滚动字幕:

    <marquee></marquee>
    滚动速度:scrollamount = ""
    滚动方向:direction = ""
    背景颜色:bgcolor = ""

    音频视频标签

    <embed sec = "" width = "" height = "">
    </embed>

    列表
    无序列表
        <li>
        </li>表示每一个列表项
    </ul>
    
    有序列表
        <li>
        </li>
    </ol>
    
    定义列表
        <dt>
        </dt>
        <dd>
        </dd>
    </dl>
    
  • 相关阅读:
    事务传播机制,搞懂。
    洛谷 P1553 数字反转(升级版) 题解
    洛谷 P1200 [USACO1.1]你的飞碟在这儿Your Ride Is Here 题解
    洛谷 P1055 ISBN号码 题解
    洛谷 P2141 珠心算测验 题解
    洛谷 P1047 校门外的树 题解
    洛谷 P1980 计数问题 题解
    洛谷 P1008 三连击 题解
    HDU 1013 题解
    HDU 1012 题解
  • 原文地址:https://www.cnblogs.com/wuliqqq/p/11279218.html
Copyright © 2011-2022 走看看