写在前面:
此博客仅用于记录个人学习进度,学识浅薄,若有错误观点欢迎评论区指出。欢迎各位前来交流。(部分材料来源网络,若有侵权,立即删除)

HTML学习

  • HTML标题
  • HTML水平线
  • HTML注释
  • HTML段落
  • HTML折行
  • HTML文本格式
    • HTML“计算机输出”标签
    • HTML引文,引用,及标签定义

HTML标题

  • 标题是通过

    -

    标签进行定义的,1-6分别对应从大到小的标题。
<h1>这是一个标题。</h1>
<h2>这是一个标题。</h2>
<h3>这是一个标题。</h3>
  • 请确保将 HTML 标题 标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题。
  • 搜索引擎使用标题为您的网页的结构和内容编制索引。
  • 因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。
  • 应该将 h1 用作主标题(最重要的),其后是 h2(次重要的),再其次是 h3,以此类推。

HTML水平线


  • 标签在 HTML 页面中创建水平线。

  • hr 元素可用于分隔内容。
<p>这是一个段落。</p>
<hr>
<p>这是一个段落。</p>
<hr>
<p>这是一个段落。</p>

HTML注释

  • 注释写法如下:
<!-- 这是一个注释 -->
  • 注释:开始括号之后(左边的括号)需要紧跟一个叹号,结束括号之前(右边的括号)不需要,合理地使用注释可以对未来的代码编辑工作产生帮助。

HTML段落

  • 段落是通过

    标签定义的。

<p>这是一个段落 </p>
<p>这是另一个段落</p>

HTML折行

  • 如果您希望在不产生一个新段落的情况下进行换行(新行),请使用
    标签:
<p>这个<br>段落<br>演示了分行的效果</p>

HTML文本格式

字体

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>()</title>
</head><body><b>这个文本是加粗的</b><br /><strong>这个文本是加粗的</strong><br /><big>这个文本字体放大</big><br /><em>这个文本是斜体的</em><br /><i>这个文本是斜体的</i><br /><small>这个文本是缩小的</small><br />这个文本包含
<sub>下标</sub><br />这个文本包含
<sup>上标</sup></body>
</html>

地址:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>()</title>
</head>
<body>
​
<address>
Written by <a href="mailto:webmaster@example.com">Jon Doe</a>.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>
​
</body>
</html>

标签 描述
< b > 定义粗体文本
< em> 定义着重文字
< i> 定义斜体字
< small> 定义小号字
< strong> 定义加重语气
< sub> 定义下标字
< sup> 定义上标字
< ins> 定义插入字
< del> 定义删除字

HTML“计算机输出”标签

标签 描述
< code> 定义计算机代码
< kbd> 定义键盘码
< samp> 定义计算机代码样本
< var> 定义变量
< pre> 定义预格式文本

HTML引文,引用,及标签定义

标签 描述
< abbr> 定义缩写
< address> 定义地址
< bdo> 定义文字方向
< blockquote> 定义长的引用
< q> 定义短的引用语
< cite> 定义引用、引证
< dfn> 定义一个定义项目。

end
后续内容明天继续学习,加油。

我的HTML学习之路02相关推荐

  1. Docker学习之路02:阿里云镜像加速器

    阿里云镜像加速器 Docker学习路线传送门: Docker学习之路01:Docker的安装 Docker学习之路02:阿里云镜像加速器 Docker学习之路03:Docker的常用命令 Docker ...

  2. Spring Boot的学习之路(02):和你一起阅读Spring Boot官网

    官网是我们学习的第一手资料,我们不能忽视它.却往往因为是英文版的,我们选择了逃避它,打开了又关闭. 我们平常开发学习中,很少去官网上看.也许学完以后,我们连官网长什么样子,都不是很清楚.所以,我们在开 ...

  3. Quartz.Net 学习之路02 初探Quartz.Net

    第二讲:简单的实例,看看Quartz.Net强在哪里? 直接上代码,代码里有注释: using System;using Quartz; using Quartz.Impl;namespace Les ...

  4. Git的学习之路02 Git的工作流程、工作区、暂存区、版本库及创建版本库

    Git的一般工作流程如下: 克隆 Git 资源作为工作目录. 在克隆的资源上添加或修改文件. 如果其他人修改了,你可以更新资源. 在提交前查看修改. 提交修改. 在修改完成后,如果发现错误,可以撤回提 ...

  5. QT3D学习之路02

    本章节用来记录我在学习QT3D的过程中遇到的一些不懂的3D相关,QT编程相关的词汇呀,概念呀什么的. 看到一条信息:QT 3D Studio 1.0在2017.11.30发布了,有空可以去搞搞 QT- ...

  6. vue学习之路.02

    2019独角兽企业重金招聘Python工程师标准>>> 第一个vue项目 1.创建             vue init webpack app01         2.安装依赖 ...

  7. libGDX学习之路02:利用Tiled绘制游戏地图

    简介 开始做游戏之后,我们免不了得先画一个游戏地图出来,可是这个地图怎么做呢.libGDX官方也给我们推荐了一个2D地图制作工具--Tiled 贴上官网 Tiled | Flexible level ...

  8. Docker学习之路04:创建定制Nginx镜像

    Docker学习之路04:创建定制Nginx镜像 Docker学习路线传送门: Docker学习之路01:Docker的安装 Docker学习之路02:阿里云镜像加速器 Docker学习之路03:Do ...

  9. Docker学习之路05:五分钟用docker compose搭建一个自己的个人博客网站!

    五分钟用docker compose搭建一个自己的个人博客网站! Docker学习路线传送门: Docker学习之路01:Docker的安装 Docker学习之路02:阿里云镜像加速器 Docker学 ...

最新文章

  1. 机器学习常见算法及优缺点!
  2. c语言r5够用吗,泡菜说 普通人有必要买R5吗?
  3. Linux-0.00运行环境搭建【转】
  4. element标签弹窗_如何在element plus中实现不同弹窗传值
  5. bcb 如何在DLL中捕捉系统级异常
  6. 汇编语言基础知识摘要(《汇编语言》王爽)第 1 / 17 章
  7. 一个按钮控制暂停和开始java_《第一炉香》|一个女人的自甘堕落,从控制不住欲望开始...
  8. Python爬取网易云歌词并生成词云
  9. 1块钱的路由器,10亿美金的小米网络
  10. 王道计算机网络 电子版,2021王道.考研复习指导.数据结构.操作系统.计算机组成原理.计算机网络.计算机考研PDF电子版无水印图...
  11. 送书 | 聊聊阳光问政
  12. 运用EXCEL RAND RANK INDEX函数制作抽奖器
  13. Reached heap limit Allocation failed - JavaScript heap out of memory
  14. Python中单线程、多线程和多进程的效率对比实验
  15. Virtual Box报错VT-x is not available (VERR_VMX_NO_VMX)--大踩坑(二)
  16. wcdma系统随机接入过程的流程图_一种随机接入方法与流程
  17. 生产系统功能目标和组织结构
  18. Dreamweaver 无法粘贴的解决方法
  19. 深富策略:新的动力正在酝酿 重点布局三条主线
  20. tl-wdr7300虚拟服务器怎么设置,TP-Link TL-WDR7300路由器无线桥接怎么设置?

热门文章

  1. [转]nonlocal和global
  2. 乐鑫ESP32开发 1.Vscode创建新工程,编译,下载烧录,监视端口,点亮一个LED
  3. 千万别被“读书无用”给害了
  4. H3C查看系统启动配置文件
  5. UVM入坑系列笔记(一)
  6. JAVA——孪生素数
  7. MySQL5.7 编译安装
  8. quagga源码分析--大内总管zebra
  9. Windows Thrift安装及HelloWorld
  10. Javascript脚本 : eval()函数