HTML与CSS系列教程第一集
作者:向洋
声明:首先告诉大家学习任何东西都不是太难,最重要的是坚持。可能开始啥都不懂,但是自己一步步的训练终有一天恍然大悟。
HTML与CSS系列教程为自己学习过程中的总结分享,是自己学习的另一种方式。其中如果有些错误也希望大家在实践中后提出来,直接评论就行,转载内容请注明作者。
什么是 HTML? HTML 是什么东西呢?一句话就够了。
HTML就是一种通过标记标签内容的方式,让浏览器能以正确的格式呈现内容,也就是通过一种语言把网页内容呈现出来的意思。所以对于HTML两个重要内容:标记标签和文本内容(你要呈现的内容),只要满足两个你就可以完成一个简单的页面,比如输入如下:
静夜思
作者:李白床前明月光,疑是地上霜。
举头望明月,低头思故乡。。
在网页上呈现的内容就是
静夜思
作者:李白
床前明月光,疑是地上霜。
举头望明月,低头思故乡。
HTML 标签 HTML标签是一种你必须遵循的规则,不然无法呈现你想要表达的内容。前面提到的
<(/)html>
、<(/)h1>
、<(/)body>
、<(/)p>
都是标记标签,前文演示过这些标签并不能在网页上呈现但是有他们的存在,文本内容才得以出现在网页上。HTML 文档 = 网页HTML 标记标签通常被称为 HTML 标签 (HTML tag)。HTML 标签是由尖括号“< >”包围的关键词,比如
HTML 文档描述网页
HTML 文档包含 HTML 标签和纯文本内容
HTML 文档也被称为网页
Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容
。HTML 标签通常是成对出现的,那么就叫他们标签对情侣吧(记住必须成双成对,不然就不能虐单身狗了)比如
和
就是标签对。标签对中的第一个标签如
是开始标签,第二个标签
是结束标签。标记标签解释 然后在这里对不同的标签做一个解释以方便大家理解:
-
与
之间的文本描述网页
,
-
与
之间的文本是可见的页面内容
,写完后还得加上
-
与
之间的文本被显示为标题
一级标题
二级标题
三级标题
四级标题
五级标题
六级标题
网页显示:
一级标题
二级标题
三级标题
四级标题
五级标题
六级标题
.....
-
与
之间的文本被显示为段落
与
之间输入正文表示段落。这是正文
这是正文1总结
这是正文2
这是正文3
那么在这里做一个简单的整体演练,也就是把前面讲的内容合起来敲一遍看呈现出什么样的内容。
守望屁股A:哈哈哈!你也玩守望屁股呀!
B:哈哈哈哈!辣鸡游戏!我每天只玩十八个小时就不玩了!
网页显示内容:
好了,这就是第一集的所有内容了。
守望屁股
A:哈哈哈!你也玩守望屁股呀!
B:哈哈哈哈!辣鸡游戏!我每天只玩十八个小时就不玩了!
推荐阅读
- JAVA(抽象类与接口的区别&重载与重写&内存泄漏)
- Docker应用:容器间通信与Mariadb数据库主从复制
- 《真与假的困惑》???|《真与假的困惑》??? ——致良知是一种伟大的力量
- 第326天
- Shell-Bash变量与运算符
- 标签、语法规范、内联框架、超链接、CSS的编写位置、CSS语法、开发工具、块和内联、常用选择器、后代元素选择器、伪类、伪元素。
- 逻辑回归的理解与python示例
- Guava|Guava RateLimiter与限流算法
- django-前后端交互
- 我和你之前距离