标签:便签 浏览器 标签 初识 HTML 文档 网页
HTML简介
1.什么是HTML
HTML的全称为[超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等等!
2.HTML中的标签
2.1HTML中标签的分类
2.2常见的标签
3.第一个网页编写
首先我们打开创建一个文本文档test.txt,在文档中输入
![image-20220928162631032](https://gitee.com/StarwithLing/blog-pirture/raw/master/img/image-20220928162631032.png)
可以看出,我们使用的标签html中包含一个head标签以及body标签,任何的html里面都包含着两个标签,
是网页的标题标签。而<h1>则是标题标签,<p>是段落标签。这些常用的便签下面会有详细的介绍!接下来把文件保存,后缀改成html,如下图<img src="https://gitee.com/StarwithLing/blog-pirture/raw/master/img/image-20220928163646100.png" alt="image-20220928163646100" loading="lazy"></p>
<p>文档就变成了浏览器的图标,这里推荐使用google浏览器,然后打开这个文件!</p>
<p><img src="https://gitee.com/StarwithLing/blog-pirture/raw/master/img/image-20220928163812014.png" alt="image-20220928163812014" loading="lazy"></p>
<p>可以看出我们所编写的程序就运行出来了,当然,我们在学习的过程中不可能只去使用记事本去编写网页,在接下来会使用一些主流的网页开发工具,Vscode,HBuilderX等!</p>
<h3 id="4标签中的属性">4.标签中的属性</h3>
<p> 在常见的标签中,我们可以对标签添加一些属性,来是标签达到我们想要实现的预期,例如给标签添加一个名称,标签中的内容实现左对齐,居中或者更改便签中的背景,颜色等等!后面会有介绍!</p>
<pre><code><标签 属性="" 属性=""> 标签中的属性书写方式
</code></pre>
<h3 id="5关于声明文档">5.关于声明文档</h3>
<pre><code class="language-html"><!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前。
<!DOCTYPE> 声明不是一个 HTML 标签;它是用来告知 Web 浏览器页面使用了哪种 HTML 版本。
在 HTML 4.01 中,<!DOCTYPE> 声明需引用 DTD (文档类型声明),因为 HTML 4.01 是基于 SGML (Standard Generalized Markup Language 标准通用标记语言)。DTD 指定了标记语言的规则,确保了浏览器能够正确的渲染内容。
HTML5 不是基于 SGML,因此不要求引用 DTD。
</code></pre>
标签:便签,
浏览器,
标签,
初识,
HTML,
文档,
网页
From: https://www.cnblogs.com/lingstar/p/16739718.html