一、HTML语法规范

1.标签关键词总是在<>中，并且大多数成对出现，成为双标签。如：<html>开始标签</html>结束标签

当然也有单独出现的标签，如<br />单标签，此标签后面加有反斜杠，br与/之间习惯性的加空格哦

2.标签关系：包含关系，并列关系

包含关系：

<head><title></title>
</head>

可以理解为head是title的father，title是head的son哦。

并列关系：

<head></head>
<body></body>

可以理解为好兄弟关系嘿嘿。下面这个应该也很好判断吧：

<html><head></head><body></body>
</html>

二、基本结构标签

每个网页都会有一个基本的结构标签（骨架标签），页面内容也是在这些基本标签上进行书写。

HTML页面也称为HTML文档。

标签名	定义	说明
<html></html>	HTML标签	页面中最大的标签，根标签
<head></head>	文档头部	head标签中必须设置title标签
<title></title>	文档标题	让页面拥有一个自己的网页标题
<body></body>	文档主体	文档的主要内容，页面内容基本都在这里面哦

根据上面学习可以写下第一个页面哦：

<html><head><title>龙蛋第一个页面</title></head><body>是不是很激动呢！</body>
</html>

打开后是这个样子：

与代码对应后就知道上述标签的简单用法啦！

前端学习——HTML初学__2 HTML标签相关推荐

前端学习——HTML初学__6 HTML常用标签（3）
继续进行标签学习: 一.表格标签表格主要用于显示,展示数据,它可以让数据显示的非常规整,可读性非常好,特别是后台展示数据的时候,一个表格可以将繁杂的数据表现得更加有条理. 表格基本语法如下: < ...
前端学习第三章——a标签（超链接）
目录 a标签(超链接) 超链接的本地跳转功能性链接 a标签(超链接) 我们浏览一个网页,比如京东.天猫.腾讯视频.csdn.掘金,这些网站,我们总是可以看到一些按钮或者图片或者文字,点击之后可以跳转 ...
前端学习——CSS初学__5 CSS引入方式、新闻页面案例及Chrome调试工具
一.CSS引入方式按照CSS书写的位置(或者引入方式)的不同,CSS样式表可以分为三类: 1.行内样式表(行内式) 行内样式表是在元素标签内部的style属性中设定CSS样式,适用于修改简单样式. ...
前端学习——HTML初学__3 VS code
前面通过记事本的形式很不方便,所以换成VS code来进行开发!VS code的开发与汉化很简单哦就不再详细赘述,提供一下下载地址: VS code下载一.创建页面操作流程:文件→新建文本文件(c ...
前端学习（HTML）--图片标签
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8 ...
前端学习（86）：标签嵌套规范
【融职培训】Web前端学习第2章网页重构2 常用的html标签
一.HTML语法上一节我们已经了解了html和css的基本概念,本节通过上一节的一个例子来说说HTML的语法. 1 <!DOCTYPE html>  ...
【前端学习】D1：HTML简介与HTML标签
文章目录前言系列文章目录 1 HTML简介 1.1 网页 1.1.1 什么是网页? 1.1.2 什么是HTML? 1.1.3 网页的形成 1.2 常用浏览器 1.2.1 常用浏览器 1.2.2 浏 ...
前端学习（四）：body标签（二）
进击のpython 前端学习--body标签接着上一节,我们看一下还有没有什么网址果不其然,在看到新闻类的网址的时候我们发现还有许多的不一样的东西! 使用ul,添加新闻信息列表这个样子是什么做 ...

前端学习——HTML初学__2 HTML标签

一、HTML语法规范

二、基本结构标签

前端学习——HTML初学__2 HTML标签相关推荐

最新文章

热门文章