HTML基础

简介: 很久以前的古老笔记了,希望对读者有所帮助。

认识HTML

HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言,而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 标签是由尖括号包围的关键词,比如
HTML 标签通常是成对出现的,比如
标签对中的第一个标签是开始标签,第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签
当然,也有非成对出现的。
比如


表示分割线
表示换行等
总的来说,html比较简单,是入门web的第一课,那么让我们开始学习之旅吧!

HTML的基本语法

先介绍几个概念。
成对标签
形如<标签名></标签名>的,我们称为成对标签
标签可以进行嵌套
对于初学者来说,我们可以把标签看作元素。
元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。
自结束标签
即不是成对出现,单独的标签:、........
对于标签来说,要关注其意义,而不必关注其表现。因为负责表现是css的事情。

属性

用法
一,以空格开头。
二,属性名="属性值"
三,名值相同可省略。
例如
name="value"
checked

实体

在 HTML 中,某些字符是预留的。
在 HTML 中不能使用小于号(<)和大于号(>),这是因为浏览器会误认为它们是标签。
如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体
例如,小于号为< 大于号为>

注释

Ctrl+/快速注释

语义化标签

不同的标签都有其存在的意义。
例如title标签指的是网页名,其广泛应用于SEO的表现。
而H1标签,一般来说只有一个,对一个网页来说有着重要的意义。
再比如
nav 表示导航
aside表示边栏
不过这些并没有实际的表现。
表现用css来表达,因此,语义化标签有利于我们书写网页,而非表现网页。
当你觉得非常麻烦的时候,你可以用div标签代替。

目录
相关文章
|
前端开发
前端基础 - HTML框架集之FrameSet
前端基础 - HTML框架集之FrameSet
77 0
|
前端开发
前端基础 - HTML常用标签
前端基础 - HTML常用标签
44 0
|
2月前
|
Web App开发 存储 移动开发
前端基础(十七)_HTML5新特性
本文概述了HTML5的关键新特性,包括canvas图形绘制、多媒体的`video`和`audio`元素、本地存储功能、语义化标签(如`header`、`footer`、`nav`等)及其新增表单控件和属性(如`url`、`email`、`date`类型输入框等)。这些改进增强了网页的功能性和用户体验。
39 1
前端基础(十七)_HTML5新特性
|
1月前
|
前端开发 JavaScript 数据安全/隐私保护
【前端基础篇】HTML零基础速通2
【前端基础篇】HTML零基础速通
18 2
|
1月前
|
Web App开发 移动开发 前端开发
【前端基础篇】HTML零基础速通1
【前端基础篇】HTML零基础速通
28 1
|
2月前
|
前端开发
前端基础(二)_HTML常用标签(块级标签、行级标签、行块级标签)
本文详细介绍了HTML中的常用标签,包括块级标签(如`h1`至`h6`、`p`、`div`等)、行级标签(如`span`、`b`、`strong`、`i`、`em`、`sub`、`sup`、`del`、`a`等),以及行块级标签(如`img`)。文章解释了这些标签的用途、特点和基本用法,并通过示例代码展示了如何在HTML文档中使用它们。
112 1
|
3月前
|
移动开发 前端开发 程序员
后端程序员的前端基础-前端三剑客之HTML
后端程序员的前端基础-前端三剑客之HTML
39 9
|
3月前
|
移动开发 前端开发 搜索推荐
前端基础101之HTML总结
【8月更文挑战第1天】
23 4
|
5月前
|
前端开发
前端基础学习(一)HTML入门
前端基础学习(一)HTML入门
32 0
前端基础学习(一)HTML入门