【代码学习】html代码学习-html基本结构

宗同学
2024-12-21 / 0 评论 / 89 阅读 / 正在检测是否收录... / 搜一下
温馨提示:
本文最后更新于2024年12月21日,已超过131天没有更新,若内容或图片失效,请留言反馈。

表情 各位老辈子,小朋友,大帅比,大美女们,今天是冬至,我新增代码学习板块,我将从网上搜寻对我们小白有用的文章进行一个学习,然后记录在本站作为一个分享,如有侵权请联系我删除。站长QQ:2831133944!


html主体结构

一个基本的HTML文档包含以下几个部分:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>示例页面</title>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
</body>
</html>

主体分解

<!DOCTYPE html> :声明文档类型,告知浏览器这是一个HTML5文档。

<html> :根元素,包含整个HTML文档的内容。

<head> :头部元素,包含元数据,如文档的标题、字符集声明等。

<meta charset="utf-8"> :声明文档的字符编码为UTF-8。

<title> :设置文档的标题,显示在浏览器的标签页上。

<body> :主体元素,包含网页的可见内容。


总结

了解html的主体基本结构随后再认识具体的标签,一个html文档包括声明、根元素、头部元素、字符编码、标题部分、主体元素,其中主体元素里面还可以写header、footer等内容,头、身子、脚,就像人的组成部分一样,写代码时我们就按照从头到脚的顺序来,当然还要两个侧边,也就是人的两只手一样,后续再加上css代码的美化和js代码的动效,就是让网页美美地动起来,html的机构就学习到这儿了,下次再学习html的其他内容。

8

评论

博主关闭了所有页面的评论