当前位置：网站首页 > 技术文章 > 正文

花二十分钟看完html入门，你会发现代码也会如此简单

myzbx 2024-12-01 18:23 71 浏览

首先花三秒钟时间知道html的概念

Hyper text markup language 中文为超文本标记语言，其次html文件的名字都是以.html或者.htm结尾的

2.html的基本语法

2.1html主要采取标记语法，那么什么是标记呢？

描述功能的符号称为标记，不同的标记具备不同的功能

2.2其次我们要知道标记的组成，标记到底是什么样子的？

标记全是由<>组成，分为单标记和双标记，它的写法就是这样：<标记名>

2.3标记的分类，标记一共就分为两种

封闭类型标记（双标记）

有开始，也有显示的结束的标记

<标记名></标记名>,例如<a></a>这是一个超链接双标记，例如<b></b>加粗双标记

非封闭类型标记（或者又叫做空标记，单标记）

有开始，可以没有结束或者自己既可以表示开始，又可以表示结束。

它的写法就是<标记名>或者<标记名称/>举三个栗子：<br>换行，<hr>水平线，<img>图片

3.知识点：元素的定义

元素就是标记，标记中开始到结束之间的所有内容，都统称为元素。

元素：包含标记，包含属性，包含值。

在这里，我们要掌握一个知识点：元素嵌套

在一个元素内部又增加了另外一个元素。我们的html页面就是由各种各样的元素组成的

<标记1>

<标记2></标记2>

<标记1>

需要注意的地方：

1.标记之前的嵌套顺序

一定要完整嵌套，一个标记嵌套另一个标记一定要完整嵌套

2.代码缩进，嵌套代码中，子级元素（被嵌套的标记）前，要通过几个空格来表示层级关系（属性）

<div>

<p></p>

</div>

4.知识点：属性和值

属性：修饰元素不同显示效果的内容

值：确定显示的效果的内容。

属性只能声明在开始标记中，并且属性和标记名称要有空格分开。

属性和值用=关联，值用""(双引号）或者"（单引号）引起来。

例如<a href="网址"></a>，这是一个双标记，也是我们网站建设中用到的最多的html代码。如果说标记中有多个属性，那么属性间用空格区分，并且排名不分先后。

那么下面小编就写最简单的一个html网页分享给初学者

html网页分享：

<!doctype html>

<html>

<head>

<title>钟老师的标题</title>

</head>

我的网页

</body>

</html>

好了，最后讲几个文本标记特殊字符的小知识

1.<>不能随意输出

2.无论输入多少个回车和空格最终都被解释成1个空格。

解决方案

靠转义字符

<是<

>是>

 是空格

©是?

在学习过程中，只要我们找到了规律，其实网站建设知识中的html并不难。

更多知识关注小编，或者百度网络营销师钟震，钟震讲网络营销。会有很多相关知识，公众号网络营销师钟震，以后每天都会分享淘宝运营，竞价，网站建设和优化，社媒方面的知识。与大家共同进步。希望对您有一点点帮助，喜欢记得关注公众号。

HTML 基础教程

上一篇：HTML5(七)——SVG基础入门
下一篇：程序员电脑编程教程-HTML语言开发介绍与概述

花二十分钟看完html入门，你会发现代码也会如此简单

相关推荐

使用VSCode模板提高Vue开发效率（vscode开发vue3）

吃透 Vue 项目开发实践|16个方面深入前端工程化开发技巧【下】

8.7k star，一款超炫酷的动态可视化大屏项目

说下你的vue项目的目录结构，该怎么划分?

用上Vue3，你真的变了吗?（vue3 key）

移动前端重构实战系列:5-7章（前端移动端主要技术有哪些）

这么牛逼的cursor功能，赶紧用起来

browser-use:AI 驱动的浏览器自动化神器——DOM识别与交互详解

巧克力:从一朵花开始的华丽变身_巧克力花束教程视频

comfyui安装MimicMotion扩展，AI跳舞动作模仿