search

博客列表 >【HTML】文档结构与元素，标签，属性的类型

【HTML】文档结构与元素，标签，属性的类型

可乐随笔
可乐随笔原创
2022年11月27日 20:51:59445浏览
  1. <!-- 1.文档结构 html-->
  2. <!DOCTYPE html>
  4. <!-- 2. 根元素：<html>-->
  5. <html>
  7.     <!--根元素html =  头元素head + 主体元素body -->
  9.     <!-- 头元素是给浏览器和搜索引擎看的 -->
  10.     <head>
  11.         <meta charset="utf-8">
  12.         <title>文档结构与元素，标签，属性的类型</title>
  13.     </head>
  15.     <body>
  16.         <!--
  17.             1. 元素：链接
  18.             2. 标签： <a>
  19.             3. 属性： href target
  20.         -->
  21.         <a href="https://php.cn" target="_blank">php中文网</a>
  23.         <!-- 1.标签：双标签，单标签 -->
  24.         <h2>今年是2022年</h2>
  25.         <p>11月</p>
  26.         <!-- 双标签：描述文档自己的内容，如文本等 -->
  27.         <!-- 单标签：通用是引用外部资源的，如图像、CSS文档、视频等 -->
  28.         <img src="dog.jpg" alt="这是一个图片" />
  29.         <link rel="stylesheet" href="style.css" />
  30.         <script src="my.js"></script>
  31.         <video src="dog.mp4"></video>
  32.         <!-- script和video是单标签，但因为历史遗留问题，以后也不会修正了 -->
  34.         <input type="text" size="20" value="admin" required />
  35.         <!-- 布尔属性（true/false）,如果required没有值，只要写上就是true,不写就是false -->
  37.         <!-- 自定义：前缀`data-`,用js中的`dataset`来处理 -->
  38.         <div data-name="admin" data-email="admin@qq.com">用户信息</div>
  41.     </body>
  42. </html>
上一条：【HTML】Emmet 语法总结 [html基础]下一条：【HTMLl】html 基础（结构-元素-emmet语法）
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议

相关文章

查看更多