• 什么是HTML,HTML的简介,HTML结构


    html:超文本标记语言(Hyper Text Markup Language)

    ==============基本结构=================

    <html><!--最外层为html-->

    <head><!--网页头部-->

    <title></title><!--网页的标题,一般写网站名称,显示在标题栏-->

    </head><!--头部结束-->

    <body><!--网页主体-->

    Hello World!!!  <!--网页内容-->

    </body><!--主体结束-->

    </html><!--html结束-->

    保存:文件名.html

    ================标签==================

    块级元素标签:内容再少也会独占一行

    行内元素标签:内容少的时候会在一条直线上排列,都是同一行

    <hr />水平线标签——块级

    <br />换行标签——行内

    <h1></h1>标题标签(数字只能为1-6,1最大,6最小)——块级

    <strong></strong>加粗(不换行)——行内

    <em></em>斜体 (不换行) )——行内

    <p></p>段落标签(其中的文字可以根据浏览器窗口大小自动换行)——块级

    =============转义符===============

    &开头;结束

    &nbsp; 空格

    &copy;版权符号©

    &lt;小于号<

    &gt;大于号>

    &quot;引号 "

    ============图像标签==============

    <imgsrc="图片地址" alt="替代文字" title="提示文字" />

    src:可以为相对路径,也可以为绝对路径

    alt:图片无法显示时所代替的文字

    title:鼠标悬浮在图片上时

    ==========超链接应用============

    1.页面间链接

    <a href="链接地址" target="打开方式">内容</a>超链接

    (target:_blank新打开浏览器窗口/_self在自身窗口打开)

    链接地址:1.绝对路径:C:/demo/demo.html

     2.相对路径:从链接内容出发找到链接文件的路径(使用方便)

     2-1:向下一级 a/b

     2-2:向上一级 ../

    2.锚链接

    1-1想要跳转到哪个位置,给谁加<a name="自己起的名字">跳转的位置</a>

    1-2想点谁跳转,给谁加<a href="#刚才自己起的名字">点谁</a>

    3.功能性链接

    发邮件

    <a href="mailto:邮箱地址">点谁发</a>

    <a href="tencent://message/?uin=657377357&Site=&Menu=yes">qq</a>

  • 相关阅读:
    es6
    vue-router
    vue-lazyload
    java-number2
    echart事件
    weui了解
    java-number
    Java判断语句
    java 循环控制
    The access type for the readers of the blog.
  • 原文地址:https://www.cnblogs.com/zhuhuibiao/p/9651464.html
Copyright © 2020-2023  润新知