HTML基础知识点（2）——常用标签

和小学妹一起学HTML
这里有：（转载）HTML标签简写及全称

常用标签

HTML基础知识点（2）——常用标签
- 一、HTML常用标签
- - 1、效果显示
- 二、HTML属性
- 三、HTML列表
- - 1、有序列表
  - 2、无序列表
  - - 常用的特殊符号

一、HTML常用标签

1. 段落标签：<p></p>
2. 标题标签：<h></h>(h1最大标题~h6最小标题)
3. 居中标签：<center></center>
4. 注    解：<!-- -->,特点：注释只有源代码的时候才可以显示出来
5. 换    行：<br/>是一个单标签，自己开始自己结束
6. 字体标签：<font></font>
(1)<font color=”#ccccff” size=”7”>东科教育</font>
(2)color属性：设置字体的颜色 取值为颜色英文、颜色对照码中的16进制串
(3)Size属性：设置字体的大小  取值范围1~7  默认字体大小为3
7. 下 划 线：<u>添加下划线</u>
8. 加    黑：<b>将字体加黑</b>
9. 倾    斜：<i>倾斜字体</i>
10. 字体变小：<small>字体变小</samll>
11. 删除线：<strike>删除线</strike>
12. 水平线：<hr/>
（1）size属性：设置水平线的高度
（2）Noshade属性：设置水平线的阴影，取值为noshade
（3）Width属性：设置水平线的宽度高度
13. 图像标签：<img/>
(1)src属性：图片地址①　绝对路径：带有盘符地址  盘符地址开始的路径②　相对路径：是从当前路径开始的路径
(2)Width属性：设置图片的宽度
(3)Height属性：设置图片的高度①单位为像素px，一个默认字体大小为16像素
(4)Title属性：当光标移入时展示的文本信息
(5)Alt属性：图片加载失败时展示的文本信息，图片加载成功 不显示
14. 链接标签：<a></a>(1)Href属性：点击链接标签需要跳转的地址(2)Target属性：打开方式①常用属性值为：_blank 在新的页签中打开，_self 自身页签打开  默认就是自身打开

1、效果显示

（<>尖括号内的东西是不显示的，我只是为了让大家理解，所以运用特殊符号将它显示出来了）

段落标签：

这是一个段落
标题标签：

<h1~h6>这是h1标题标签</h1~h6>
居中标签：<center>这是居中标签</center>
换行：
 这是一个单标签自己开始自己结束
字体标签：雪染
下划线
黑字体
斜字体
字体变小
<strike>删除线</strike>
<hr size="5" noshade="noshade" width="500" color="green">显示这样一条水平线

</hr>
<a href="http://www.baidu.com" target="_blank">百度</a>
图像标签<img src="img/键盘.jpg" width="300px" height="300px" title="这是title属性所展示的文本信息" alt="图片加载失败，请刷新"/>

二、HTML属性

html标签属性是以html标签提供的附加信息
属性总是出现在开始标签中
属性总是以属性 = 属性值的形式出现
Font标签中的color属性：color=”red”

三、HTML列表

1、有序列表

1.通过<ol></ol>来定义，每一个序列通过<li></li>来定义
(1) <ol type=”a” start=”2”>
(2) <li>第一节</li>
(3) <li>第二节</li>
(4) <li>第三节</li>
(5) <li>第四节</li>
(6) </ol>
2.属性：
（1）type：指定顺序的标号
（2）Start：指定标号的开始值取值为数字
3.type的属性值图示：

2、无序列表

1.通过<ul></ul>来定义，每一个序列通过

来定义
(1) <ul>
(2) <li>第一节</li>
(3) <li>第二节</li>
(4) <li>第三节</li>
(5) <li>第四节</li>
(6) </ul>
2.属性：
不赞成使用type标签

（最后补充一点小知识点）

常用的特殊符号
```
1.大于号（>）: &gt;
2.小于号（<）: &lt;
3.引号（“）：&quot;
4.空格：&nbsp;
5.版权符（©）：&copy;
```
~~先写到这里，下一节会给大家写一些常用标签，大家有什么需要的知识点也可以私信我或者留言呢~~

HTML基础知识点（2）——常用标签相关推荐

第一次网页前端培训笔记（Html基础语法和常用标签）
一.什么是HTML HTML 是用来描述网页的一种语言.HTML 是一种在 Web 上使用的通用标记语言.HTML 允许你格式化文本,添加图片,创建链接.输入表单.框架和表格等等,并可将之存为文本文件 ...
【2022.7.11】HTML基础介绍语法常用标签超文本链接锚点定位
来自2022.7.11 今日学习一.HTML基础介绍 1.网页 1.1什么是网页 1.2什么是HTML 1.3超文本 1.4网页的形成 2.常用浏览器 2.1常用浏览器 2.2浏览器内核 3.web ...
html入门基础知识及常用标签
一.html简介 html被称为超文本标记语言(简单来说就是比文本更加高级的语言),俗称网页,由内容和标签组合在一起的只能使用浏览器来观看的一种语言.不只是能放文字数字等,还可以放图文声像. html ...
php基础标签大全,HTML基础之HTML常用标签
HTML是一种用来描述网页的标记性语言.学习HTML可能并不难,主要是要记一些HTML标签和标签代表的含义.下面PHP程序员雷雪松根据使用的情况,整理出平时常用的HTML标签. 1.最基本的HTML结 ...
html最常用6个标签,1-1-6【HTML基础】HTML常用标签2
题外话:有的时候回头看看,起码有东西留下了 1.音频标签概述:...,双标签,与图片一样需要src属性设置音频路径.不同之处在于,只写src是不会播放音频,且不会有任何展示的! controls属性 ...
Mybatis基础知识点：trim标签的使用
点击上方"方志朋",选择"设为星标" 回复"666"获取新整理的面试文章作者:wt_better blog.csdn.net/wt_bet ...
mybatis常用标签和动态查询
这里是修真院后端小课堂,每篇分享文从 [背景介绍][知识剖析][常见问题][解决方案][编码实战][扩展思考][更多讨论][参考文献] 八个方面深度解析后端知识/技能,本篇分享的是: [mybatis ...
前端基础第一天：HTML常用标签知识点
学习目标理解: 相对路径三种形式应用排版标签文本格式化标签图像标签链接相对路径,绝对路径的使用 1. HTML常用标签首先 HTML和CSS是两种完全不同的语言,我们学的是结构,就只写 ...
CSS和HTML的基础知识（一）——HTML常用标签的简介及用法
在学习css和HTML过程中,我们会遇到各种各样的标签以及标签属性,并且由于标签的多样性,也使得同一个样式或者同一块区域内容,实现的方式有很多种,这也就造成了代码的多样性.也可以确切的说,我们在新建一 ...

HTML基础知识点（2）——常用标签

HTML基础知识点（2）——常用标签

常用标签

一、HTML常用标签

1、效果显示

<h1~h6>这是h1标题标签</h1~h6>

二、HTML属性

三、HTML列表

1、有序列表

2、无序列表

常用的特殊符号

HTML基础知识点（2）——常用标签相关推荐

最新文章

热门文章