【零基础入门前端系列】—HTML介绍(一)

简介: HTML是用来描述网页的一种语言

【零基础入门前端系列】—HTML介绍(一)

一、什么是HTML

  • HTML是用来描述网页的一种语言
  • HTML指的是超文本标记语言:HyperText Markup Language
  • HTML不是一种编程语言,而是一种超文本标记语言,标记语言是一套标记标签(markup tag)HTML使用标记标签来描述网页HTML文档包含了HTML标签以及文本内容
  • HTML文档也叫做web页面,用该语言编写的文件,以.html或.htm为后缀HTML不区分大小写,建议小写,可读性好HTML不识别多余的空格和换行
  • HTML由浏览器解析执行,由上往下,由左往右作用:用来写网页结构内容,比如图片,文字,搜索框

二、什么是标签

  • HTML标记标签通常被记为HTML标签(HTML Tag)
  • HTML标签是由尖括号包围的关键词比如<html>
  • 封闭类型标记(也叫做双标记),必须成对出现如<p></p>,标签中的第一个标签是开始标签,第二个标签是结束标签,开始和结束标签也被称为开放标签和闭合标签非封闭类型标记,也叫做空标记,或者单标记,比如 <br/>

2345_image_file_copy_589.jpg

2345_image_file_copy_590.jpg

2345_image_file_copy_591.jpg

2345_image_file_copy_592.jpg

三、什么是元素

HTML标签和HTML元素通常都是描述同样的意思,但是严格来讲,,一个HTML元素包含了开始标签和结束标签

如下实例:

2345_image_file_copy_593.jpg

四、HTML的属性

  • 双标记属性写在开始标记里面,用空格隔开
  • 单标记属性写在/前面,用空格隔开
  • 一个标签可以有多个属性,用空格隔开,不区分前后顺序
  • 属性总是以名称/值对的形式出现,比如:name="value"
<a href="https://www.baidu.com/">这是一个链接使用了 href 属性</a>

2345_image_file_copy_594.jpg

相关文章
|
7天前
|
移动开发 前端开发 搜索推荐
《前端技术基础》第01章 HTML基础【合集】
超文本标记语言(HyperText Markup Language,简称 HTML)是构建网页结构的基础标记语言。它与 CSS、JavaScript 协同,负责搭建网页“骨架”,用标签组织内容,像标题、段落、图片等元素,通过起始与结束标签(部分可单用,如`<img>`)界定层级与布局,将信息有序整合。标签含特定语义,向浏览器传达展示方式,为网页准确呈现及后续美化、交互筑牢根基。
62 25
|
26天前
|
人工智能 前端开发 JavaScript
前端基础之HTML
Web1.0、Web2.0 和 Web3.0 标志着互联网发展的三个阶段。Web1.0(静态互联网,1990年代初至2000年代初)以静态内容和单向信息流为主,用户仅能浏览。Web2.0(互动互联网,2000年代初至2010年代初)引入了用户生成内容和社交网络,内容动态且互动性强。Web3.0(语义互联网,2010年代至今)强调语义化、个性化、智能化及去中心化,结合AI、区块链等技术,提供沉浸式体验。HTTP和HTML作为互联网基础协议和技术,在各阶段不断演进,共同推动了现代互联网的发展。
前端基础之HTML
|
2月前
|
前端开发 JavaScript 搜索推荐
HTML与CSS在Web组件化中的核心作用及前端技术趋势
本文探讨了HTML与CSS在Web组件化中的核心作用及前端技术趋势。从结构定义、语义化到样式封装与布局控制,两者不仅提升了代码复用率和可维护性,还通过响应式设计、动态样式等技术增强了用户体验。面对兼容性、代码复杂度等挑战,文章提出了相应的解决策略,强调了持续创新的重要性,旨在构建高效、灵活的Web应用。
55 6
|
4月前
|
Web App开发 存储 移动开发
前端基础(十七)_HTML5新特性
本文概述了HTML5的关键新特性,包括canvas图形绘制、多媒体的`video`和`audio`元素、本地存储功能、语义化标签(如`header`、`footer`、`nav`等)及其新增表单控件和属性(如`url`、`email`、`date`类型输入框等)。这些改进增强了网页的功能性和用户体验。
63 1
前端基础(十七)_HTML5新特性
|
3月前
|
XML 前端开发 JavaScript
前端开发进阶:从HTML到React.js
【10月更文挑战第9天】前端开发进阶:从HTML到React.js
|
3月前
|
前端开发 JavaScript 数据安全/隐私保护
【前端基础篇】HTML零基础速通2
【前端基础篇】HTML零基础速通
33 2
|
3月前
|
Web App开发 移动开发 前端开发
【前端基础篇】HTML零基础速通1
【前端基础篇】HTML零基础速通
44 1
|
4月前
|
前端开发 程序员
【前端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;`)。
88 19
|
4月前
|
前端开发
前端基础(二)_HTML常用标签(块级标签、行级标签、行块级标签)
本文详细介绍了HTML中的常用标签,包括块级标签(如`h1`至`h6`、`p`、`div`等)、行级标签(如`span`、`b`、`strong`、`i`、`em`、`sub`、`sup`、`del`、`a`等),以及行块级标签(如`img`)。文章解释了这些标签的用途、特点和基本用法,并通过示例代码展示了如何在HTML文档中使用它们。
279 1
|
4月前
|
前端开发 Windows
【前端web入门第一天】02 HTML图片标签 超链接标签 音频标签 视频标签
本文档详细介绍了HTML中的图片、超链接、音频和视频标签的使用方法。首先讲解了`&lt;img&gt;`标签的基本用法及其属性,包括如何使用相对路径和绝对路径。接着介绍了`&lt;a&gt;`标签,用于创建超链接,并展示了如何设置目标页面打开方式。最后,文档还涵盖了如何在网页中嵌入音频和视频文件,包括简化写法及常用属性。
74 13

热门文章

最新文章