HTML的基本信息——小白篇(2)
返回目录
HTML的基本信息（重点）
<! --DCTYPE: 告诉浏览器，我们要使用什么规范、版本><! DOCTYPE html> ：这个告诉我们当前用HTML5来显示网页 <! --lang：告诉网页使用那种语言> <! html lang="en">:这个告诉我们当前使用英语来显示网页。zh-CN是中文，en是英语等。。。<! --head标签代表网页头部-- ><head><! ---meat 描述性标签，它用来描述我们网站的一些信息--- ><! --charset:告诉网页使用哪种字符集编码> <meta charset ="UTF-8">:这个告诉我们当前使用UTF-8字符来显示网页。注意：不写会出现乱码。<!--charset常用指：GB2312、BIG5、GBK、UTF-8，其中UTF-8称为万国码，包含了全世界国家的需要的用到的字符。--> <! -- title网页标题-- > <titile> 我的第一个网页 </titile> </head> <!-- body标签代表网页主体> <body> </body> </html>
网页基本标签
| 技巧：一定要记住标签的语义。 |
|---|
1. 标题标签< h1>到< h6>
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>基本标签学习</title>
</head>
<body>
<!--标题学习 -->
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>
</body>
</html>
网页显示结果
2. 段落标签< p>
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>基本标签学习</title>
</head>
<body>
<!--段落学习 -->
<p>怪我没能力跟随你去的方向。</p>
<p>饥饿是最好的调味，孤独是最强的催眠</p>
<p>也许时间是一种解药，也是我现在正服下的毒药</p>
</body>
</html>
网页显示结果
| 语义 | 标签 | 推荐使用 |
|---|---|---|
| 倾斜 | < strong>< /strong>或< b>< /b> | < strong>< /strong> |
| 加粗 | < em>< /em>或< i>< /i> | < em>< /em> |
| 删除线 | < del>< /del>或< s>< /s> | < del>< /del> |
| 下划线 | < ins>< /ins>或< u>< /u> | < ins>< /ins> |
换行标签(< br >)加水平线(< hr>)删除线(< del>)下划线(< u>)
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>基本标签学习</title>
</head>
<body>
<!--水平线学习 -->
<hr><!--换行学习 -->
相信太难，不如沉默来得简单<br/>
有一天，我发现自怜资格都已没有，只剩下不知疲倦的肩膀，担负着简单的满足<br/>
我的人生就是一错再错错完了再从头，也许放弃掉一些活得更轻松我却不再是我<br/>
<!--删除线学习-->
<del>哈哈哈哈</del>
<br/>
<!--下划线学习>
<u>吼吼吼吼</u>
</body>
</html>
网页显示结果
粗体斜体
<!--粗体学习 -->
<strong>只因为我不想打扰，只因为怕你解释不了，只因为现在你的眼睛里，她比我还重要。</strong>
</br>
<!--斜体学习 -->
<em>我一个人孤单旅行到处走走停停，也一个人看书写信自己对话谈心，只是心又飘到了哪里，就连自己看也看不清，我想我不仅仅是失去你。</em>
</body>网页显示结果
特殊符号
空格： 
&g查看特殊符号
< div>和< span>标签
< div>和< span>标签没有语义，它们就是一个盒子，用来装内容。
<div>一行盒子</div><div>二行盒子</div><div>三行盒子</div><span>跨行盒子</span><span>跨行盒子</span><span>跨行盒子</span>
显示结果：
案例学习：
素材：
默一生孤独究竟是从什么时候起?从那个无忧无虑的少年变成了如今这个多愁善感，执笔写字的青 年;又是何时起，那个爱说爱笑、天真无邪的少年匆匆远去;只剩下一个遥不可及的影子徘徊在 记忆中。当少年学会了掩饰;不再没心没肺地大笑时，也许少年已不再年少，早在不知不觉中 褪去了青涩的着装。眼眸里流光浮影，闪烁着过往的许许多多。怀念着过去还看今朝。干般苦涩难言的孤寂 又与何人说;而此刻相伴在身边的梧桐是否知晓明白。猜不透，往事青华，尘世繁华;究意让我 学会了什么?梧桐端守数十年的光阴，又知晓了什么?到最后不过是孤独二字相伴。——作者：余神
HTML的基本信息——小白篇(2)相关推荐
- 《1024伐木累》-小白篇之需求-总章节八
往期回顾: 丽姐.月侠和老王之间,发生了许多不愉快的事,但最后,老王采用画大饼的策略,成功稳住大家,公司运作也逐渐步入正轨.通过老王的关系,公司与部队达成合作,而刚入公司的耗仔得到老王赏识,成为空军 ...
- 小白篇之RTMP编码器辅助OBS实现多个平台推流直播
小白篇之RTMP编码器辅助OBS实现多个平台推流 大家可能知道OBS默认情况下只能作为RTMP-CLIENT端推流给RTMP-SERVER端,而且只能推给一个平台,虽然网上也有教程教你如何让OBS推流 ...
- 《1024伐木累》-小白篇之开发网站，三天！(结束篇)-总章节十三
往期回顾: 忙到深夜,终于可以休息,三人打闹了一会,就各自去洗漱.刚洗完澡心情有些压抑的耗仔开始向光大人请教研发人员的"升级"之路,光大人耐心给耗仔上了一课.睡眼朦胧中吴博士来敲 ...
- 《1024伐木累》-小白篇之开发网站，三天！(中篇-1)-总章节十
往期回顾: 吴博士开着"破旧"的军车火急火燎的赶来老王科技,接上耗仔三人,便向司令部飞奔而去.晚饭后,一行人来到机房才发现,除了工期紧张,眼前的环境也远比想象中更恶劣. 引子 七 ...
- 拒绝烂图表，Excel商务图表小白篇
Hi guys,fresh from May day,快收收心来学习吧! 前方预警:此文为excel商务图表小白篇,大能慎入,不喜勿喷! 为什么要学做图表? 工作中,不论是写工作报告,还是统计业绩数据 ...
- 完全小白篇-使用Python爬取网络小说
完全小白篇-使用Python爬取网络小说 一.找一个你要爬取的小说 二.分析网页 网页的展示方式 需要用到的库文件 三.向网站发送请求 四.正则提取 五.跳转的逻辑 六.后续处理 七.保存信息进入do ...
- 完全小白篇-用python爬取豆瓣电影影评
完全小白篇-用python爬取豆瓣影评 打开豆瓣电影 随机电影的所有影评网页 跳转逻辑 分析影评内容获取方法 逐一正则提取影评 针对标签格式过于多样的处理 针对提出请求的频率的限制 存储方式(本次sq ...
- 小白篇之ENC设备实现USB摄像头转HDMI输出的方法
小白篇之ENC设备实现USB摄像头转HDMI输出的方法 今天直接进入主题,这个没啥说的,有个客户问我有没有usb转hdmi的设备,答案是肯定的,我们几乎大部分设备都支持,只是今天给大家讲解的是ENC1 ...
- Java用于下载Excel模板的接口(小白篇)
下载Excel模板的接口(最无脑的小白篇) try {//获取要下载的模板名称String fileName = "TemplateDate.xlsx";//设置头文件respon ...
最新文章
- 解决 Could not autowire. No beans of ‘UserDao‘ type found 问题
- redis info命令中各个参数的含义
- YZYZ菜鸟编程小助手
- 数字类 default 0和 default 0_0秒入住 无感体验 悉点科技引领酒店数字化大潮
- MOSS 2007基础：内容类型(Content Type)之二
- 快速了解Spring Cloud
- css知多少（7）——盒子模型
- LeetCode学习记录（4-6）
- 音视频开发著作《Android音视频开发》终于发售了，先来一波签名送书福利！
- 分布式文件系统（FastDFS+Tengine+fastdfs-nginx-module）
- linux下重启tomcat,日志查看
- 持续集成并不能消除 Bug，而是让它们非常容易发现和改正（转）
- Semantic UI 之 按钮 button
- java弹窗代码_JAVA的弹窗怎么做？
- Centos8上安装中文字符集zh_CN.UTF-8
- URAL1389. Roadworks（dp)
- 计算机科学与技术单身率,中国大陆男女比例揭晓！大学单身率专业十强来了
- tomcat问题——判断tomcat是否安装成功
- c++语言运算符,c++运算符
- c语言编程编写计算器图形,c语言编写的图形计算器.DOC