HTML的基本结构及基本标签

本文介绍了HTML的基本结构,包括html、head和body标签的使用,以及<!DOCTYPE html>的重要作用。接着,详细讲解了HTML的一些基本标签,如标题h1-h6、段落p、换行br和分割线hr,以及强调标签em和strong的用法,为初学者提供清晰的学习路径。
摘要由CSDN通过智能技术生成

一、html的基本结构

  1.html主要由3部分组成

       html标签,也称根标签,所有的内容都写在html标签里,一个页面有且只能有一个根标签。以<html>标签开始,以</html>标签结束。

       head标签,也称头部标签,帮助浏览器解析页面,这里面的内容不会被浏览器解析到页面中。头部以<head>标签开始,以</head>标签结束。

       body标签,是书写网页的主题内容,内容会被解析到页面中,也就是用户所看到的内容。

主体部分以<body>标签开始,以</body>标签结束。

  2.html的基本机构

  如下:

      

  第一行<!DOCTYPE html>是文档说明,是写在html标签外面的第一行。其意义所在是告诉浏览器程序员所编写的代码是按照html的规范进行编写,浏览器也要按照html规范进行编译,防止浏览器在编译代码时,陷入怪异模式,从而出现乱码。

  第二行<html>标签和最后一行</html>标签是定义整个文档的整体,<head>标签和<body>标签是他的子标签。其中<head>标签里负责对网页进行一些设置和定义标题。图片中<meta>标签和<title>标签是<head>标签里常用到的标签,<meta>标签定义网页

不徘徊的麦兜
关注 关注
  • 4
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
HTML基本结构
IAN27的博客
08-30 462
前端学习课程什么是HTMLHTML有什么用建立HTML文件HTML注释HTML网页的基本结构HTML标签结构HTML元素HTML属性注意:HTML常用标签一、HTML常用的块级标签(块级元素)有语义的HTML块级元素标题(Heading)段落标签、强制换行标签列表表格标签KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 什么是HTML HTML是...
html基础
weixin_34112030的博客
05-22 133
html概述和基本结构 html概述 HTML是 HyperText Mark-up Language 的首字母简写,意思是超文本标记语言,超文本指的是超链接,标记指的是标签,是一种用来制作网页的语言,这种语言由一个个的标签组成,用这种语言制作的文件保存的是一个文本文件文件的扩展名为html或者htm,一个html文件就是一个网页,html文件用编辑器打开显示的是文本,可以用文本的方式编辑它...
3.1 HTML基本结构
mmsx2017的博客
01-20 860
一、HTML基本结构 1、文档声明:声明这是一个HTML文档 2、标签:是设计者在告诉浏览器,整个网页是从这里开始的,到结束 3、标签:只能定义一些特殊的内容 4、标签:一般网页绝大多数的标签代码都是在这里编写的 二、用记事本编写网页 1、第一步:新建“记事本”,把下面这段代码复制到记事本中去,然后保存,将记事本名字改为“我的第一个网页”。 2、第二步:将记事本后缀名“.tx
万花筒般的HTML标签世界:详解常用HTML标签
最新发布
m0_54701273的博客
08-16 684
HTML(超文本标记语言)是构建网页的基础语言,它使用标签(tags)来定义网页的结构和内容。本文介绍一些常用的 HTML 标签及其详解。
HTML基础
天行健、君子以自强不息
03-13 1728
HTML基本结构及常用的HTML标签
HTML基本结构
fengzhiguanS的博客
03-15 2929
一、网页三大组成部分 结构html,是超文本标记语言——用来搭建网页的结构 样式:css——网页的样式 行为:js,是一种语言,称为脚本语言——交互行为 用户对网页的操作 数据交互
一个html基本结构?
weixin_34111790的博客
12-15 510
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt;//lang是语言,en是英语 &lt;head&gt; &lt;meta charset="UTF-8"&gt;//UTF—8,是国际通用的,如果不写可视区域会乱码 &lt;meta name="keywords" content="关键词的内容"&am
HTML 基本结构标签
qq_46405281的博客
07-29 998
HTML 语法规范,结构标签
HTML基本结构简述
ysds20211402的博客
05-05 1349
转自:微点阅读https://www.weidianyuedu.com 之前介绍了HTML的编码规范,良好编码规范可以让我们的代码更加的易于维护,而今天要说的基本结构,则是能够让我们的页面正确的进行页面显示和SEO,正确的HTML格式加上良好的编码规范才是一个成熟合格的项目。 HTML页面基本结构 <!DOCTYPE html><html><head><metacharset="utf-8"...
HTML标签结构
qq_41173527的博客
04-28 914
一、HTML标签的分类1、双标签:由“开始标签”和“结束标签”两部分构成。例如:&lt;p&gt;&lt;/p&gt;&lt;p&gt;是开始标签,表示一个段落的开始。&lt;/p&gt;是结束标签,表示一个段落的结束。2、单标签:由一个标签组成。例如:&lt;hr/&gt;二、HTML标签的关系1、嵌套关系(爸爸和儿子的关系)&lt;head&gt;      &lt;title&gt;   
HTML的常用结构标签(详细)
前端开发,HTML5,css3,JavaScript,node.js,vue
11-19 972
html常用结构标签,文本,标题,加粗,切斜,换行,上标,下标,删除线,下划线,水平线,无序列表,有序列表,自定义列表,插入图片
HTML基本结构和语法组成
m0_58600615的博客
07-04 2532
HTML基本结构为网页的整体(html)、网页的头部(head)、网页的标题(title)、网页的身体(body)对应的代码结构为Visual Studio Code, Webstorm, Sublime, Dreamweaver, Hbuilder 个人比较喜欢使用的是VS Code,里面有很多的插件可以使用,非常的便捷,比如open in browser插件,可以直接打开浏览器语法结构为:注释的内容是不会在网页中编译的,这个注释的作用和我们上学的时候在课本上做笔记的作用.........
html常用标签组成的页面
tubaluer
12-05 178
发表个html常用标签组成的页面,没事儿抄几遍,方便把标签都背下来。 &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html&gt; &lt;head&gt; &lt;tit...
HTML基本结构
weixin_42647964的博客
07-15 1543
基本骨架: HTML 文件的最基本的四个标签组成了网页的基本骨架,包括:<html>、<head>、<title>、<body> html 标签: 定义 HTML 文件的根元素,表示整个的 HTML 文档,所有的标签要书写在 <html> 标签内部 head 标签: 用于存放 <title>,<meta>,<base>,<style>,<script>,<link>,内部用于
html文档结构基本标签
我有满天星辰的博客
12-27 1198
html基本结构基本标签
HTML页面的基本结构
什似的专栏
07-02 1053
这是我第一次在CSDN写博客,而我想写的内容蓄积已久,这次主要是放在网上是想与你们一起来分享我的经验,我相信这些对初学者是很有帮助的,对基础不扎实的也能进一步的巩固,希望能够帮助到你们。 我主要写的主题有,HTML、JavaScript、Jquery、Java及三大框架、数据库,Objective-c等。
写文章

热门文章

  • HTML的基本结构及基本标签 8184
  • HTML网页设计之图片标签——<img>标签 7729
  • HTML中列表标签及超链接的使用 2966
  • HTML字体样式 2194
  • Java基础之选择结构 1673

最新评论

  • Css选择器的权重关系(优先级)

    qq_35474636: 关系选择器的优先级是高于元素选择器低于类选择器的,自己用继承属性或者其他方式去测试一下就知道了,MDN上有错误

  • java方法与方法重载

    豪仔思密达: 优质好文,必须支持

  • Java基础之认识类和对象

    豪仔思密达: 支持支持表情包

  • HTML中列表标签及超链接的使用

    CSDN-Ada助手: 一些小的改进建议:(1)增加除了各种控件外,文章正文的字数;(2)使用更多的站内链接;(3)增加条理清晰的目录。

  • HTML中元素标签的分类及结构标签

    CSDN-Ada助手: 今年有什么新的前端框架么?

大家在看

  • 基于PHP的在线小说阅读平台(源码+vue+部署文档等) 982
  • 【开题报告】基于django+vue旅游景点预约系统(论文+源码) 计算机毕业设计 1044
  • 图(Graph)
  • 前端——表单标签样式
  • java基础

最新文章

  • java方法与方法重载
  • Java基础之认识类和对象
  • Java基础之数组Arrays
2022年19篇

目录

目录

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值

玻璃钢生产厂家内蒙玻璃钢雕塑生产厂家克拉玛依市玻璃钢雕塑玻璃钢雕塑哪里做的好广州玻璃钢雕塑厂家工厂张掖玻璃钢卡通雕塑订做玻璃钢牛动物雕塑重庆仿铜玻璃钢雕塑定做价格玻璃钢花盆学徒花朵玻璃钢卡通雕塑小品玻璃钢和树脂雕塑玉溪玻璃钢牛雕塑玻璃钢服务台雕塑北京玻璃钢雕塑摆件市场报价承德玻璃钢人物雕塑苏州乐山玻璃钢造型雕塑上街区玻璃钢大型雕塑新款罗马柱玻璃钢雕塑白银玻璃钢植物雕塑多少钱商场节庆美陈雕塑设计及定制濮阳玻璃钢不锈钢镂空雕塑庙头玻璃钢雕塑制作玻璃钢雕塑的材料西山区玻璃钢雕塑批发茂名玻璃钢动物雕塑哪家便宜商场dp点美陈摆件西安仿铜玻璃钢雕塑制作广东大型玻璃钢雕塑图片商场美陈吊顶装饰艺霸玻璃钢雕塑厂景观玻璃钢仿铜雕塑定做香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声单亲妈妈陷入热恋 14岁儿子报警汪小菲曝离婚始末遭遇山火的松茸之乡雅江山火三名扑火人员牺牲系谣言何赛飞追着代拍打萧美琴窜访捷克 外交部回应卫健委通报少年有偿捐血浆16次猝死手机成瘾是影响睡眠质量重要因素高校汽车撞人致3死16伤 司机系学生315晚会后胖东来又人满为患了小米汽车超级工厂正式揭幕中国拥有亿元资产的家庭达13.3万户周杰伦一审败诉网易男孩8年未见母亲被告知被遗忘许家印被限制高消费饲养员用铁锨驱打大熊猫被辞退男子被猫抓伤后确诊“猫抓病”特朗普无法缴纳4.54亿美元罚金倪萍分享减重40斤方法联合利华开始重组张家界的山上“长”满了韩国人?张立群任西安交通大学校长杨倩无缘巴黎奥运“重生之我在北大当嫡校长”黑马情侣提车了专访95后高颜值猪保姆考生莫言也上北大硕士复试名单了网友洛杉矶偶遇贾玲专家建议不必谈骨泥色变沉迷短剧的人就像掉进了杀猪盘奥巴马现身唐宁街 黑色着装引猜测七年后宇文玥被薅头发捞上岸事业单位女子向同事水杯投不明物质凯特王妃现身!外出购物视频曝光河南驻马店通报西平中学跳楼事件王树国卸任西安交大校长 师生送别恒大被罚41.75亿到底怎么缴男子被流浪猫绊倒 投喂者赔24万房客欠租失踪 房东直发愁西双版纳热带植物园回应蜉蝣大爆发钱人豪晒法院裁定实锤抄袭外国人感慨凌晨的中国很安全胖东来员工每周单休无小长假白宫:哈马斯三号人物被杀测试车高速逃费 小米:已补缴老人退休金被冒领16年 金额超20万

玻璃钢生产厂家 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化