HTML入门零基础教程(三)

简介: HTML入门零基础教程(三),一起来学习吧。

嗨,欢迎来到异星球,我是小怪同志。这篇文章主要讲解HTML入门零基础教程,请一起学习吧。

一、HTML标签

1.HTML语法规范

HTML标签都要包含在尖括号里,尖括号里可以写上想要的标签,标签一般都是成对出现的。

比如:<html>和</html>,我们称为双标签。标签中对应的第一个标签是开始标签,第二个标签是结束标签。

当然也有特殊的标签必须是单个标签(极少情况),比如:<br />,我们称为单标签。


2.标签的关系

双标签关系可以分为两类:包含关系和并列关系。

包含关系:简单可以理解为父子关系,head为父亲,title为儿子

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

并列关系:简单可以理解为兄弟关系head为哥哥,body为弟弟

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

我们可以再尝试着理解:下面所属的代码,html是head和body的父亲,而html和body属于儿子为包含关系,并且head和body是兄弟关系也就是并列关系。

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

二、HTML的基本结构标签

1.第一个HTML网页

每一个网页都会有一个基本的结构标签(也称之为骨架标签),页面内容也是在这些基本标签上书写,HTML页面也称为HTML文档

<html><head><title>1024程序员节快乐<title></head><body>           代码敲烂,工资过万
</body></html>

由上述代码可知:

标签名 定义 说明
<html></html> HTML 标签 页面中最大的标签,我们称为根标签

<head></head>

文档的头部 注意在head标签中我们必须要设置的标签的title
<title></tltle> 文档的标题 让页面拥有一个属于自己的网页标题
<body></body> 文档的主体 元素包含文档的所有内容,页面内容基本都是放到body里面的

那么我们可以来演示一遍

1.png

2.png

相关文章
|
16天前
|
前端开发 JavaScript 开发工具
【HTML/CSS】入门导学篇
【HTML/CSS】入门导学篇
23 0
|
5月前
|
移动开发 JavaScript 前端开发
Vue系列教程(05)- 基础知识快速补充(html、css、js)
Vue系列教程(05)- 基础知识快速补充(html、css、js)
108 0
|
2月前
|
存储 移动开发 前端开发
HTML新特性【HTML5内联SVG、SVG_矩形、SVG 与 Canvas两者间的区别 、HTML5_MathML 】(三)-全面详解(学习总结---从入门到深化)
HTML新特性【HTML5内联SVG、SVG_矩形、SVG 与 Canvas两者间的区别 、HTML5_MathML 】(三)-全面详解(学习总结---从入门到深化)
48 0
|
11天前
|
前端开发 搜索推荐 数据安全/隐私保护
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
18 1
|
1月前
|
移动开发 前端开发 JavaScript
15.HTML5视频播放器制作教程
15.HTML5视频播放器制作教程
33 0
|
1月前
|
移动开发 前端开发 JavaScript
HTML语言基础知识入门
HTML语言基础知识入门
|
2月前
|
数据采集 数据安全/隐私保护
高效网络采集实践:使用 Haskell 和 html-conduit 下载 www.baidu.com 视频完整教程
网络采集在当今信息时代中发挥着关键作用,用于从互联网上获取数据并进行分析。本文将介绍如何使用 Haskell 进行网络编程,从数据采集到图片分析,为你提供一个清晰的指南。我们将探讨如何使用爬虫代理来确保高效、可靠的数据获取,并使用 Haskell 的强大功能来分析和处理数据。
|
2月前
|
Web App开发
某教程学习笔记(一):04、HTML基础
某教程学习笔记(一):04、HTML基础
14 0
|
2月前
|
前端开发 JavaScript
从零开始学习前端开发:HTML、CSS、JavaScript入门指南
【2月更文挑战第1天】本文将带领读者从零开始学习前端开发,介绍HTML、CSS和JavaScript的基础知识与应用,帮助读者快速入门前端开发领域。
65 1
|
2月前
|
移动开发 前端开发 搜索推荐
html5基础入门
html5基础入门
66 0