白话文说Html

最新推荐文章于 2024-07-10 16:57:46 发布

Mr顺

最新推荐文章于 2024-07-10 16:57:46 发布

阅读量551

点赞数 3

文章标签： html5

本文链接：https://blog.csdn.net/qq_46144237/article/details/121571376

版权

超文本语言HTML之所以说它是超文本，一个超字足以彰显它的能力，厉害在哪？
反正比普通文本厉害就行了！
最初接触到HTML的时候，是我玩一个名叫洛克王国的游戏的时候，意外点到检查元素，看到密密麻麻的code（当时不知道代码的概念）认为写这个东西的人很厉害，但是后来学习了这个感觉更是精彩，精彩出现在哪呢？

在HTML中，标记=标签，

标签：是由尖括号包围起来的关键词
分类是这样的：双标记标签/封闭类型标签<p></p>,那么还有一种标签你知道吗？那就是但标记标签/非封闭类型标签<br/>

学习HTML那么久呢，我对HTML的用处有着自己的见解：

其一：学习HTML就是学习各种标签(砖)，然后我们用标签(砖)垒成我们想要的墙（页面），这个页面可以被浏览器解析，解析完后可以在浏览器页面中展示。

还记得我们第一个Html吗
我敢说绝大数人是：新建一个txt文档，文档内容是

<html>
        <head></head>
        <body>
                hello world!
        </body>
</html>

怀着期待…

启动了

请添加图片描述

这写的好方便啊，以后我们不妨就用txt写吧

你：
请添加图片描述
大哥别生气！

大哥别生气！

上才艺，编译工具
编译工具，从最初的记事本
在这里插入图片描述

到风靡一时的sublime
在这里插入图片描述
再到爱不’失’手的 notepad++

经历了功能上从简到繁

代码辅助程度上从低到高

同时也是时代的转变

你：说完了吗？上边介绍那么多有中用的吗？

我…额…

有。真有。别走啊。集成开发环境

说起集成开发环境，我们先说一下它的组成：
一般呢，包括代码编辑器、编译器、调试器和图形用户界面等工具。
集成了：

代码编写功能
分析功能
调试功能
编译功能

等一体化的开发软件服务套餐

在这里插入图片描述

在这里插入图片描述
进入正题
HTML标准结构

html标签
定义 HTML 文档，这个元素我们浏览器看到后就明白这是个HTML文档了，所以你的其它元素要包裹在它里面，标签限定了文档的开始点和结束点，在它们之间是文档的头部和主体。
head标签—》里面放的是页面的配置信息
head标签用于定义文档的头部，它是所有头部元素的容器。中的元素可以引用脚本、指示浏览器在哪里找到样式表。文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。
绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
下面这些标签可用在 head 部分：
<title>、<meta>、<link>、<style>、 <script>、 <base>。
应该把 <head> 标签放在文档的开始处，紧跟在 <html> 后面，并处于 <body> 标签之前。
文档的头部经常会包含一些 <meta> 标签，用来告诉浏览器关于文档的附加信息。
body标签—》中所放是页面上展示出来的内容，body 元素是定义文档的主体。body 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。）
body是网页中的一种HTML标签，表示网页的主体部分，也就是用户可以看到的内容，可以包含文本、图片、音频、视频等各种内容

下面介绍的是实体字符

在这里插入图片描述
要值得注意的是：
实体名称对大小写很敏感
这里引用菜鸟教程的实例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
</head>
<body>

<h2>Norwegian Mountain Trip</h2>
<img border="0" src="/images/pulpit.jpg" alt="Pulpit rock" width="304" height="228">

</body>
</html>

src:引入图片的位置
引入本地资源
引入网络资源
width:设置宽度
height:设置高度
注意:一般高度和宽度只设置一个即可，另一个会按照比例自动适应

title:鼠标悬浮在图片上的时候的提示语，默认情况下（没有设置alt属性）图片如果加载失败那么提示语也是title的内容
alt:图片加载失败的提示语

未完待续…

Mr顺

关注

3
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
白话文说Html

超文本语言HTML之所以说它是超文本，一个超字足以彰显它的能力，厉害在哪？反正比普通文本厉害就行了！最初接触到HTML的时候，是我玩一个名叫洛克王国的游戏的时候，意外点到检查元素，看到密密麻麻的code（当时不知道代码的概念）认为写这个东西的人很厉害，但是后来学习了这个感觉更是精彩，精彩出现在哪呢？在HTML中，标记=标签，标签：是由尖括号包围起来的关键词分类是这样的：双标记标签/封闭类型标签<p></p>,那么还有一种标签你知道吗？那就是但标记标签/非封闭类型标签&lt
复制链接

扫一扫