位置:- 正文

【HTML】筑基篇(html 教程)

编辑:rootadmin
【HTML】筑基篇

推荐整理分享【HTML】筑基篇(html 教程),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:html建模,html建模,html怎么建,html怎么建,html怎么建,搭建html框架,搭建html框架,html建站教程,内容如对您有帮助,希望把文章链接给更多的朋友!

🍈作者简介:大家好,我是亦世凡华、渴望知识储备自己的一名在校大学生

🍇个人主页:亦世凡华、的csdn博客

🍓系列专栏:HTML专栏

🥝推荐一款模拟面试刷题神器🔥:点击跳转进入网站

文章目录

一、HTML入门

HTML的基本骨架

HTML标签分类

单标签

双标签

总结

HTML标签关系

HTML开发者工具

二、HTML标签

HTML标签的语义化

为什么要有语义化标签

排版标签

标题标签

段落标签

水平线标签

换行标签

div和span标签

pre标签


引言

【HTML】筑基篇(html 教程)

如果你准备开始接触前端,开始前端学习之路,一般先学习html+css,这里我们先给自己定下一个小目标,先学HTML再学CSS。加油~

一、HTML入门

HTML(英文 Hyper Text-Markup Language的缩写)中文译为“超文本标签(标记)语言”,主要是通过HTML标签对网页中的文本、图片、声音等内容进行描述。

HTML的基本骨架<html><head> <title>HTML</title></head><body> HTML入门</body></html>

html标签: 是所有html中标签的一个根节点

head标签: 用于存放:title、meta、base、style、script、link,head标签中必须要设置title

title标签: 让页面拥有一个属于自己的标题

body标签: 页面的主体部分用于存放所有的html标签:p,h,a,b,u,i,,s,em,del,ins,strong,img等

这里我们拿 vscode 编译器举例说明HTML骨架的构成     解释上文没有说明的

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body></body></html>

<!DOCTYPE html>

文档

本文链接地址:https://www.jiuchutong.com/zhishi/299486.html 转载请保留说明!
下一篇链接:https://www.jiuchutong.com/zhishi/299487.html
免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络