前端HTML学习|青训营笔记

57 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的的第1天

1、了解HTML

HTML是一门超文本标记语言。

HTML的全称为超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。

超文本是一种组织信息的方式,它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中,也可能是其他文件,或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接,为人们查找,检索信息提供方便。

以上是标准的官方解释。

2、基础操作的代码实现

那么文字、图像、标记文本、链接等如何用具体的代码实现呢 这些在青训营里都有讲到,接下来会一一列举,用来巩固知识点,方便日后的复习。

1、文字

<p> 文字 </p>

可以将这行文字封装成一个段落元素来使其在单独一行呈现。

2、图像

<img>

这是引用图像的代码 具体使用如下

<img src="其中填写图像地址" alt="当无法显示图象时,这里填写的文字就是对图像的概述">

3、标记文本

说白了就是实现大小标题的作用

HTML中包含六个级别

<h1>标题<\h1>

<h2>标题<\h2>

<h3>标题<\h3>

<h4>标题<\h4>

<h5>标题<\h5>

<h6>标题<\h6>

h1标题最大 以此类推 h6最小

4、链接

<a>

这是引用链接的代码

<a href="其中填写链接地址">其中填写链接名称</a>

下面是我写的代码

image.png 浅浅的记录一下吧