概述

HTML (Hyper Text Markup Language) 即超文本标记语言, 由各种标签组成. HTML 语言在网页设计中有广泛的应用. 从今天开始, 小白我就带大家来一起了解一下 HTML.

软件安装

因为后续会推出 PHP & HTML 结合的教程, 所以这边我们使用的软件是 PhpStorm.

PhpStorm 下载地址:

https://www.jetbrains.com/phpstorm/

安装:

HTML 界面元素

首先还是来看我们上一节展示的 Hello World.

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>

<!DOCTYPE html>: 声明为 HTML5 文档
<html>: HTML 页面的根元素
<head>: 定义文档的头部, 是所有头部元素的容器
- <meta>: 指定了 HTML 文档的元数据 (描述, 关键词, 最后修改时间)
- <title>: HTML 文档的标题
<body>: 可见的页面内容

HTML 标签

HTML 标签 (Tag) 为我们提供了丰富的标签, 可以给文本添加不同的语意.

标签	含义
`<h1>...</h1>` `<h2>...</h2>` `<h3>...</h3>` `<h4>...</h4>` `<h5>...</h5>` `<h6>...</h6>`	标题
`<p>...</p>`	段落
`<a herf="https://iamarookie.blog.csdn.net/">...</a>`	链接
`<img src="文件路径", alt="图形错误时显示">`	图片

例子:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><h1>我是小白呀的博客</h1><p>个人简介：吾本布衣, 出自纽约, 四周大山. 箪瓢屡空, 环堵萧然, 不弊风日. 吾好读书, 滴水石穿, 笨鸟先飞, 求知不断, 方能立足.<br>不羡孔北海之座上客常满, 但求吾辈架上书常在. 涸辙遗鲋, 暮成枯, 人而无志, 与彼何殊. <br>Self-study Computer Science. 愿为 open source 自效微力. 天高地阔，欲往观之. 因为啥也不会, 默默做一只小白</p><a href="https://iamarookie.blog.csdn.net/">博客链接<br><br></a><img src="../data/img.PNG" alt="图片" width="600" height="350">
</body>
</html>

效果:

【HTML】人生苦短, 快卷快卷第二课 HTML 基础相关推荐

第二课 ceph基础学习-OSD扩容换盘和集群运维
第二课 ceph基础学习-OSD扩容换盘和集群运维文章目录第二课 ceph基础学习-OSD扩容换盘和集群运维第一节 OSD扩容 1.1 扩容背景 1.2 横向扩容 1.3 纵向扩容 1.4 数据 ...
Jquery第二课 Javascript基础
基础知识网页由三个部分组成:HTML.CSS和JavaScript.它们分别完成不同的功能,其中HTML描述页面内容.CSS负责内容的展示.JavaScript添加交互功能和动态效果.三者一起组成一 ...
第二课.C++基础语法
编程语言的层次和类型 1.机器语言:字节码,汇编语言:发明了字节码对应的助记符,但依然很难,涉及底层,要操作寄存器: 2.编译型语言:C,C++,易于移植,提高了开发效率: 3.解释型语言:Pytho ...
白杨SEO：做百度快排网站会被降权吗？再谈百度SEO快排行业内卷现状及我的看法
前言:这是白杨SEO公众号原创第328篇.为什么想到再写写百度快排这个?因为我发现从这个词出来到现在几年了,依旧还是有人好奇.在做.怀疑.拒绝,这个魔力是什么,今天就来聊聊,如有启发或帮助,点赞或打赏 ...
GNU/Linux下LVM配置管理以及快照卷、物理卷、卷组、逻辑卷的创建和删除
LVM是Linux环境中对磁盘分区进行管理的一种机制,是建立在硬盘和分区之上.文件系统之下的一个逻辑层,可提高磁盘分区管理的灵活性.最大的优点是在不损伤数据的前提下调整存储空间的大小. 本篇主要讲述L ...
清华提出RepMLP：FC“内卷”，卷出性能！
点击下方卡片,关注"CVer"公众号 AI/CV重磅干货,第一时间送达作者:丁霄汉 | 已授权转载(源:知乎) https://zhuanlan.zhihu.com/p/37 ...
2023 华为OD机试备考攻略以及题库目录分值说明考点说明（A卷+ B卷）
文章目录华为OD在线刷题OJ 华为题库更新说明支持的语言题库目录华为OD统一考试[A卷]题库-100分华为OD统一考试[A卷]题库-200分华为OD统一考试[B卷]题库-100分华为O ...
第二课计算机ppt,第二课计算机系统.ppt
第二课计算机系统主要部件功能及参数指标机箱外壳一个完整的计算机系统是由硬件(Hardware)系统和软件(Software)系统两大部分组成. 计算机硬件是指系统中可触摸得到的设备实体,是 ...
个人计算机是由单片,《计算机应础》期终考试卷(B卷).doc
抿岳匣役垛窜嗣鞭秃相伴酪擦艾费搐鄙兴晦树章盂匝庞绸曰参毋缕凰虹吝迁裙咆卡闰娃谊扔型袄琼衷双罪镜沙苑鳖曰孜嘛顺惟燕捂孰太查处巧切膛乖蛙戊梢醚溢甸县豢窜起码豆恬苏渣导执酱喳喘即壕衫湖逗卡心产孪酬养若娠胸龚 ...
【C++探索之旅】第一部分第二课：C++编程的必要软件
内容简介 1.第一部分第二课:C++编程的必要软件 2.第一部分第三课预告:第一个C++程序 C++编程的必要软件经过上一课之后,大家是不是摩拳擦掌,准备大干一场了呢. 这一课我们来做一些C++开发 ...

【HTML】人生苦短, 快卷快卷第二课 HTML 基础

【HTML】⭐️人生苦短, 快卷快卷⭐️ 第二课 HTML 基础

概述

软件安装

HTML 界面元素

HTML 标签

【HTML】人生苦短, 快卷快卷第二课 HTML 基础相关推荐

最新文章

热门文章

【HTML】人生苦短, 快卷快卷 第二课 HTML 基础

【HTML】⭐️人生苦短, 快卷快卷⭐️ 第二课 HTML 基础

概述

软件安装

HTML 界面元素

HTML 标签

【HTML】人生苦短, 快卷快卷 第二课 HTML 基础相关推荐

最新文章

热门文章

【HTML】人生苦短, 快卷快卷第二课 HTML 基础

【HTML】人生苦短, 快卷快卷第二课 HTML 基础相关推荐