HTML基础入门与常用标签详解

需积分: 9 196 浏览量更新于2024-09-10 收藏 112KB PDF 举报

本篇笔记主要介绍了HTML的基础知识，这是在学习ASP.NET时不可或缺的一部分，特别是对于那些从事爬虫开发的人来说，理解HTML结构至关重要。HTML全称为HyperText Markup Language，即超文本标记语言，是构建网页的基本结构语言。 HTML的特点包括： 1. 有始有终：每个HTML元素都有起始标签和结束标签，确保结构清晰。 2. 嵌套性：标签可以嵌套使用，形成层级关系，如`<div>`标签通常用来包含其他元素。 3. 大小写不敏感：尽管标准推荐小写，但在实际编写中两者均可接受。 4. CSS的作用：CSS（Cascading Style Sheets）用于样式设计，通过定义属性来控制页面元素的外观，如颜色、大小等。核心HTML标签涵盖了以下内容： - `<html>`：文档的根元素，定义了整个HTML文档。 - `<title>`：定义文档标题，通常出现在浏览器标签页上。 - `<body>`：网页的主要内容区域。 - `<p>`：段落标签，用于创建新的段落。 - `<h1>`到`<h7>`：标题标签，用于设置不同级别的标题。 - `<img>`：图像标签，用于插入图片，可以通过多个属性如`src`、`width`、`height`等进行定制。 - `<br>`：换行标签，用于强制换行。 - `<font>`：旧版的字体标签，现在不推荐使用，可用CSS替代。 - `<b>`、`<i>`、`<tt>`、`<u>`、`<sup>`、`<sub>`、`<s>`、`<em>`、`<strong>`：分别表示粗体、斜体、打印机字体、下划线、上标、下标、删除线和强调文本。此外，还介绍了注释标签``，用于在代码中添加临时性或隐藏的文本，以及`<hr>`（水平线）用于分割页面内容，`<b>`用于粗体文本，`<br>`用于换行，`<font>`标签虽然过时但仍能用于有限的字体调整。总结来说，掌握这些基础HTML知识，可以帮助开发者更好地构建和理解网页结构，同时为后续的JavaScript、CSS、DOM操作和网页爬虫工作打下坚实的基础。在实际项目中，可能还需要结合CSS和JavaScript进行更丰富的网页设计和交互功能实现。

html :Hyper Text Markup Language=网页

在 HTML 中存在着大量标签，我们用 html 提供的标签，将要显示在网页中的内容

包含起来。就构成了我们的网页。大部分标签都是成对出现的，

<a></a>

，也有一部

分是自己单身的,<img/>。不区分大小写，格式 html 或 htm。

html 特点

有始有终

可以嵌套，一个标签中可以再写个标签

可以小写

css 就是修饰标签的，属性。属性间用空格连接，属性都是以"属性名=值"调用。

html 标签

1.<html></html>：html 框架标签。

2.<title></title>

标题。

3.<body></body>网页文本内容。

语法

<html>

<title>

我是猪

</title>

<body>

我是猪

</body>

</html>

4.<p></p>：换行，当段落处理。

语法

<p>

我是头猪

</p>

5.<h1></h1>...<h7></h7>:标题标签，最大为 7 号,从 1 到 7 标题依次增大。

语法

6.<img 属性/>：引用图片。

img 属性（属性间用空格隔开）

src="

图片路径

width="数值 px"图片宽度 xp 指，的是像素。

heigth="数值 px"图片长度。

border="

数值

px"

图片边框宽度。

alt="内容"当图片无法打开时显示 alt 内容。

title="内容"控制光标移到图片上显示的内容。

7.&nbsp：空格标签。>：大于号。<：小于号。

语法

5>3

下载后可阅读完整内容，剩余6页未读，立即下载

颐水风华

粉丝: 9928
资源: 15

HTML基础入门与常用标签详解

Web前端HTML5 CSS3初学者零基础入门全套学习笔记.zip

HTML基础学习笔记

黑马pink老师html css笔记

html5详细内容笔记

渡一前端html、css、js笔记及学习规划.zip

图灵python爬虫笔记

韩顺平轻松搞定网页设计(html+css+javascript)笔记下载

uniapp基础笔记

前端学习笔记 javascript

b站 飞哥 大前端进阶 笔记

最新资源

b站飞哥大前端进阶笔记