HTML

    科技2025-01-12  11

    HTML day01

    查看day01.html代码

    w3c标准

    结构化标准语言(HTML XML)

    表现标准语言(CSS)

    行为标准(DOM ECMAScript)

    <!DOCTYPE html> <!--DOCTYPE:告诉浏览器,我们要使用什么规范--> <!--head 标签代表网页的头部--> <!--body标签代表网页主体--> <!--title网页标题--> <!--meta描述性标签,用来描述我们网站的一些信息--> <!--meta一般用来做SEO--> <meta charset="UTF-8"> <meta name="keywords" content=""> <meta name="description" content="">

    网页基本标签

    <!--标题标签--> <h1></h1> <h6></h6> <!--段落标签--> <p>内容</p> <!--换行标签--> <br/><!--自闭和标签--> <!--水平线标签--> <hr/> 1234 <!--粗体 斜体标签--> <h1>字体样式标签</h1> 粗体: <strong>焉栩嘉</strong> 斜体: <em>焉栩嘉</em><br/> <!--特殊符号--> 空格:空&nbsp;&nbsp;&nbsp;<br/> <!--大于 小于 ©版权所有--> &gt;<br/> &lt;<br/> &copy;版权所有符号<br/> <!-- 特殊符号记忆方法 & ; 百度查; -->

    图像标签

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-94BYdrLn-1602081083957)(img/屏幕截图 2020-10-07 204859.png)]

    <!--img学习 src :图片地址 相对地址(推荐使用),绝对地址 ../ 上一级目录 alt图片加载失败会返回的内容 图片名字 --> <img src="../resources/image/1.jpg" alt="焉栩嘉" title="悬停文字"widtn="300"height="200">

    链接标签

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-L1gBeWaz-1602081083961)(img/屏幕截图 2020-10-07 210605.png)]

    <!--a标签 href:必填,表示要跳转到哪个页面 target:表示窗口在哪里打开 _blank在新标签中打开 _self在自己的网页中打开 --> <a href="Document.html" target="_blank">点击我跳转到页面一</a> <a href="http://www.baidu.com">点击我跳转到百度</a> <br> <a href="Document.html"> <img src="../resources/image/1.jpg" alt="焉栩嘉" title="悬停文字"widtn="300"height="200"><br/> </a> <!--锚链接 页面间跳转 1需要一个锚标记 2跳转到标记 --> <a href="#top">回到顶部</a> <a href="Document.html#down">跳转</a> <!--功能性链接 邮件链接:mailto: qq链接:qq推广 百度搜,官网 点推广工具,编辑提示语 下面会出现代码,复制粘贴就可以了 --> <a href="mailto:1332003386@qq.com">点击联系我</a>
    Processed: 0.013, SQL: 8