我的HTML学习之路02
写在前面:
此博客仅用于记录个人学习进度,学识浅薄,若有错误观点欢迎评论区指出。欢迎各位前来交流。(部分材料来源网络,若有侵权,立即删除)
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相关推荐
- Docker学习之路02:阿里云镜像加速器
阿里云镜像加速器 Docker学习路线传送门: Docker学习之路01:Docker的安装 Docker学习之路02:阿里云镜像加速器 Docker学习之路03:Docker的常用命令 Docker ...
- Spring Boot的学习之路(02):和你一起阅读Spring Boot官网
官网是我们学习的第一手资料,我们不能忽视它.却往往因为是英文版的,我们选择了逃避它,打开了又关闭. 我们平常开发学习中,很少去官网上看.也许学完以后,我们连官网长什么样子,都不是很清楚.所以,我们在开 ...
- Quartz.Net 学习之路02 初探Quartz.Net
第二讲:简单的实例,看看Quartz.Net强在哪里? 直接上代码,代码里有注释: using System;using Quartz; using Quartz.Impl;namespace Les ...
- Git的学习之路02 Git的工作流程、工作区、暂存区、版本库及创建版本库
Git的一般工作流程如下: 克隆 Git 资源作为工作目录. 在克隆的资源上添加或修改文件. 如果其他人修改了,你可以更新资源. 在提交前查看修改. 提交修改. 在修改完成后,如果发现错误,可以撤回提 ...
- QT3D学习之路02
本章节用来记录我在学习QT3D的过程中遇到的一些不懂的3D相关,QT编程相关的词汇呀,概念呀什么的. 看到一条信息:QT 3D Studio 1.0在2017.11.30发布了,有空可以去搞搞 QT- ...
- vue学习之路.02
2019独角兽企业重金招聘Python工程师标准>>> 第一个vue项目 1.创建 vue init webpack app01 2.安装依赖 ...
- libGDX学习之路02:利用Tiled绘制游戏地图
简介 开始做游戏之后,我们免不了得先画一个游戏地图出来,可是这个地图怎么做呢.libGDX官方也给我们推荐了一个2D地图制作工具--Tiled 贴上官网 Tiled | Flexible level ...
- Docker学习之路04:创建定制Nginx镜像
Docker学习之路04:创建定制Nginx镜像 Docker学习路线传送门: Docker学习之路01:Docker的安装 Docker学习之路02:阿里云镜像加速器 Docker学习之路03:Do ...
- Docker学习之路05:五分钟用docker compose搭建一个自己的个人博客网站!
五分钟用docker compose搭建一个自己的个人博客网站! Docker学习路线传送门: Docker学习之路01:Docker的安装 Docker学习之路02:阿里云镜像加速器 Docker学 ...
最新文章
- 机器学习常见算法及优缺点!
- c语言r5够用吗,泡菜说 普通人有必要买R5吗?
- Linux-0.00运行环境搭建【转】
- element标签弹窗_如何在element plus中实现不同弹窗传值
- bcb 如何在DLL中捕捉系统级异常
- 汇编语言基础知识摘要(《汇编语言》王爽)第 1 / 17 章
- 一个按钮控制暂停和开始java_《第一炉香》|一个女人的自甘堕落,从控制不住欲望开始...
- Python爬取网易云歌词并生成词云
- 1块钱的路由器,10亿美金的小米网络
- 王道计算机网络 电子版,2021王道.考研复习指导.数据结构.操作系统.计算机组成原理.计算机网络.计算机考研PDF电子版无水印图...
- 送书 | 聊聊阳光问政
- 运用EXCEL RAND RANK INDEX函数制作抽奖器
- Reached heap limit Allocation failed - JavaScript heap out of memory
- Python中单线程、多线程和多进程的效率对比实验
- Virtual Box报错VT-x is not available (VERR_VMX_NO_VMX)--大踩坑(二)
- wcdma系统随机接入过程的流程图_一种随机接入方法与流程
- 生产系统功能目标和组织结构
- Dreamweaver 无法粘贴的解决方法
- 深富策略:新的动力正在酝酿 重点布局三条主线
- tl-wdr7300虚拟服务器怎么设置,TP-Link TL-WDR7300路由器无线桥接怎么设置?