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

相关文章
|
3月前
|
前端开发 程序员
【前端web入门第二天】01 html语法实现列表与表格_合并单元格
本文介绍了HTML中的列表与表格的使用方法。列表包括无序列表(`&lt;ul&gt;`嵌套`&lt;li&gt;`)、有序列表(`&lt;ol&gt;`嵌套`&lt;li&gt;`)和定义列表(`&lt;dl&gt;`嵌套`&lt;dt&gt;`和`&lt;dd&gt;`)。
68 19
|
3月前
|
前端开发 Windows
【前端web入门第一天】02 HTML图片标签 超链接标签 音频标签 视频标签
本文档详细介绍了HTML中的图片、超链接、音频和视频标签的使用方法。首先讲解了`&lt;img&gt;`标签的基本用法及其属性,包括如何使用相对路径和绝对路径。接着介绍了`&lt;a&gt;`标签,用于创建超链接,并展示了如何设置目标页面打开方式。最后,文档还涵盖了如何在网页中嵌入音频和视频文件,包括简化写法及常用属性。
56 13
|
2月前
|
移动开发 前端开发 JavaScript
HTML入门(详细)
HTML入门(详细)
28 0
|
3月前
|
前端开发 程序员 C++
【前端web入门第一天】01 开发环境、HTML基本语法文本标签
本文档详细介绍了HTML文本标签的基础知识。首先指导如何准备开发环境,包括安装VSCode及常用插件;接着全面解析HTML的基本结构与标签语法,涵盖从基本骨架搭建到注释的使用,以及标题、段落、换行和平行线、文本格式化等标签的具体应用,适合初学者循序渐进地掌握HTML。
|
4月前
|
缓存 Java 应用服务中间件
SpringMVC入门到实战------七、SpringMVC创建JSP页面的详细过程+配置模板+实现页面跳转+配置Tomcat。JSP和HTML配置模板的差异对比(二)
这篇文章详细介绍了在SpringMVC中创建JSP页面的全过程,包括项目的创建、配置、Tomcat的设置,以及如何实现页面跳转和配置模板解析器,最后还对比了JSP和HTML模板解析的差异。
SpringMVC入门到实战------七、SpringMVC创建JSP页面的详细过程+配置模板+实现页面跳转+配置Tomcat。JSP和HTML配置模板的差异对比(二)
|
4月前
|
移动开发 开发者 HTML5
构建你的首个个人网站:HTML基础入门
【8月更文挑战第29天】在数字化时代,拥有一个个人网站是展示自我、分享知识和技能的窗口。本文将引导你通过简单的步骤,使用HTML构建你的第一个个人网站。我们将探索HTML的基础标签,页面结构,以及如何将这些元素融合在一起创建一个简单的网页。无论你是编程新手还是希望扩展你的技术工具箱,这篇文章都提供了一条清晰的路径,帮助你开始你的网站开发之旅。
|
6月前
杨老师课堂之网页制作HTML的学习入门-含有案例1
杨老师课堂之网页制作HTML的学习入门-含有案例
46 3
|
6月前
|
存储 移动开发 API
HTML5本地存储:从入门到精通
HTML5本地存储:从入门到精通
79 1
|
5月前
|
人工智能 前端开发 JavaScript
HTML 【实用教程】(2024最新版)
HTML 【实用教程】(2024最新版)
50 0
|
6月前
|
前端开发
前端基础学习(一)HTML入门
前端基础学习(一)HTML入门
34 0
前端基础学习(一)HTML入门