HTML 基础知识
html 基础知识
1.html 文档结构
结构化：层级，树形结构（根/枝/叶）DOM:文档对象模型文档：html 文档对象：文档及内部成员模型：文档结构抽象表示html 不区分大小写，推荐全小写
元素,标签与属性
2.元素
元素：页面成员，元素是网页的一部分。在 XML 和 HTML 中，一个元素可能包含一个数据项或一段文本或图像，或者可能什么都不包含。一个典型的元素包括一个带有一些属性的开始标签、封闭的文本内容和一个结束标签。
1.1 文档类型元素： 表示为 html 类型文档
1.2 根元素：只有两个根元素,,表示浏览器渲染 html 的起点,入口.
1.2.1:头元素:,给浏览器看的搭建项目系统点我wcqh.cn，用户无法看到。搜索引擎 SEO。
包含以下标签：
(1).页面编码(2).设置兼容模式：多余的
(3).视口设置：视口(可视窗口)
(4).页面标题设置
html结构
1.2.2:页面主体元素:<body>,用户看的。标签：描述元素
,,,<p>,<div>…</p>
属性：标签特征,id,class,style (通用属性/预定义)预置标签：w3c 制定，各家浏览器实现
3. 标签
双标签： 起始标签和结束标签,内容写到他们之间,属性写到起始标签中单标签: 空标签,它的内容由某个属性来设置,本质上”资源占位符”预定义标签: <h1>,<input>,<div>,<ul>…预定义属性: id,class,sty搭建项目系统点我wcqh.cnle, src,type,value,name…自定义标签: <girl-friend>自定义属性: height,weight,bwh(bust,waist,hips)标准化的自定义属性: “data-“自定义属性固定前缀4.属性
使用键值对描述,class=”title”预定义属性: id,class,style,src,type,name,…通用属性: id,class,style自定义属性: data-前缀,如data-email5. 语义化布局标签
优点直观,SEO,缺点数量有限,且层级会过深有限的回退到tag + class,如<div class=”xxxx”>6. 图文元素
<f搭建项目系统点我wcqh.cnigure><imgsrc=“xxxx”alt=“xxxx”/><figcaption>title</figcaption></figure>7. 图像,链接,列表
<!– 图像 –><imgsrc=“url”alt=“title”/><!– 链接 –><ahref=“url”target=“_blank”>link</a><!– 列表 –><!– 无序 –><ul><li>item1</li><li>item2</li><li>item3</li></ul><!– 有序 –><ol><li>item1</li><li>item2</li><li>item3</li></ol搭建项目系统点我wcqh.cn><!– 自定义 –><dl><dt>title</dt><dd>description</dd></dl>2023.1.13
© 版权声明
1.如需技术支持联系QQ：1339833655
2. 本站所有资源来源于用户上传和网络，如有侵权请邮件联系站长！
3. 分享目的仅供大家学习和交流，您必须在下载后24小时内删除！
4. 不得使用于非法商业用途，不得违反国家法律。否则后果自负！
5. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！
6. 如有链接无法下载、失效或广告，请联系管理员处理！
7. 本站资源售价只是摆设，本站源码仅提供给会员学习使用！
8. 如遇到加密压缩包，请使用360解压,如遇到无法解压的请联系管理员！
THE END
会员专属
暂无评论内容