某教程学习笔记(一):04、HTML基础

简介: 某教程学习笔记(一):04、HTML基础


一、概念


HTML是超文本标记语言,不是一种编程语言,标记语言是一套标记标签,使用标记标签来描述网页,HTML文档也叫做 web 页面


二、标签


标签通常被称为HTML标签,是由尖括号包围的关键词,比如 ,通常是成对出现的,比如 和 ,第一个标签是开始标签,第二个标签是结束标签


三、web浏览器


Web浏览器(谷歌浏览器,IE,Firefox)是用于读取HTML文件


1、我们新建一个html文件,用记事本打开,输入以下内容:


<html>
<head>
<title>hello word</title>
</head>
<body>
<h1>这里是标题</h1>
<p>这里是段落</p>
</body>
</html>


2、用web浏览器打开显示以下内容

0a2653c851af460fa595bd959398a8f1.png


3、右击网页,查看源代码,发现和我们写在记事本的呢日用一样

0eacb84100b54626af849e6b562bf92a.png

四、特殊字符


如果直接输入<>,就会报错,所以我们需要用特殊字符替代特殊符号


例如:"<"、">"代表<>


代表空格


<h1>这里&lt;是&gt;标题</h1>
<p>这里是&nbsp;&nbsp;&nbsp;段落</p>

2d65d23f6d4748949b924e4057485923.png

五、标签介绍

2e9b90b2ca334476abebe75bafe6eeaa.png

例如:


<head>
<meta charset="utf-8">  <!--定义网页编码格式-->
<title>hello word</title>
</head>


0a2653c851af460fa595bd959398a8f1.png

0eacb84100b54626af849e6b562bf92a.png2d65d23f6d4748949b924e4057485923.png2e9b90b2ca334476abebe75bafe6eeaa.png4cebaac233b3433da32a72337a77fc60.png6de278e6d6694ce5bb08e7e842b7e74b.png0a2653c851af460fa595bd959398a8f1.png

0eacb84100b54626af849e6b562bf92a.png

2d65d23f6d4748949b924e4057485923.png

2e9b90b2ca334476abebe75bafe6eeaa.png

4cebaac233b3433da32a72337a77fc60.png

6de278e6d6694ce5bb08e7e842b7e74b.png

7a399525ddec4b77923c464820b33738 (1).png

7a399525ddec4b77923c464820b33738 (1).png

7a399525ddec4b77923c464820b33738.png



禁止非法,后果自负


目录
相关文章
|
4月前
|
Web App开发 前端开发 JavaScript
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
|
6月前
|
人工智能 前端开发 JavaScript
HTML 【实用教程】(2024最新版)
HTML 【实用教程】(2024最新版)
62 0
|
7月前
|
Python
Python基础教程(第3版)中文版 第20章 项目1: 自动添加标签(纯文本转HTML格式) (笔记2)
Python基础教程(第3版)中文版 第20章 项目1: 自动添加标签(纯文本转HTML格式) (笔记2)
|
7月前
|
Python
Python基础教程(第3版)中文版 第20章 项目1: 自动添加标签(纯文本转HTML格式) (笔记)
Python基础教程(第3版)中文版 第20章 项目1: 自动添加标签(纯文本转HTML格式) (笔记)
|
8月前
|
移动开发 数据安全/隐私保护 HTML5
Html零基础入门教程(非常详细)
Html零基础入门教程(非常详细)
|
8月前
|
移动开发 JavaScript 前端开发
webgl学习笔记3_javascript的HTML DOM
webgl学习笔记3_javascript的HTML DOM
79 0
webgl学习笔记3_javascript的HTML DOM
|
8月前
|
区块链
html网页title旁边的小图标制作教程
html网页title旁边的小图标制作教程
|
8月前
|
数据采集 数据安全/隐私保护
高效网络采集实践:使用 Haskell 和 html-conduit 下载 www.baidu.com 视频完整教程
网络采集在当今信息时代中发挥着关键作用,用于从互联网上获取数据并进行分析。本文将介绍如何使用 Haskell 进行网络编程,从数据采集到图片分析,为你提供一个清晰的指南。我们将探讨如何使用爬虫代理来确保高效、可靠的数据获取,并使用 Haskell 的强大功能来分析和处理数据。
2498 1
|
8月前
|
移动开发 前端开发 JavaScript
15.HTML5视频播放器制作教程
15.HTML5视频播放器制作教程
200 0