• 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>
    
  • 相关阅读:
    Mac Outlook邮箱MicrosoftExchange邮箱快满了,请减小邮箱大小。
    SpringCloud Config Server中{application}等占位符使用场景设置默认拉去分支
    五四日记
    org.apache.ibatis.binding.BindingException: Mapper method 'attempted to return null from a method with a primitive return type (long).
    业务量剧增后服务器常见返回码总结
    Mac下Jmeter快速安装与入门-模拟测试Post请求及设置Http头
    Mac下 Visual VM 无法检测到本地的Java进程
    高并发下hystrix熔断超时及concurrent.RejectedExecutionException: Rejected command because thread-pool queueSize is at rejection threshold问题
    Silly Java-Final 关键字
    qqwry.dat输出乱码问题及maven打包后资源文件大小不一致的问题
  • 原文地址:https://www.cnblogs.com/wuliqqq/p/11279218.html
Copyright © 2020-2023  润新知