大致可以分为以下6类学习：

1、通用标签。

2、常用标签。

3、表格标签。

4、表单元素。

5、框架。

6、其他。

一、通用标签、及属性

1、<body></body>标签，主体标签，属性bgcolor背景色、text字体颜色、background背景图(body标签属性)。

2、路径，即文件的路径，file:。而/代表根。

①绝对路径，从根开始，即从盘符开始，以/索引下一级目录。

例如file:///D:/aa/bb/cc.jpg为D盘目录下aa文件夹目录下bb文件夹目录下的图片cc。

②相对路径，从自身开始。这里./为当前目录，这里../上级目录。

例如file:///D:/aa/bb/cc/dd/ee.jpg，当前目录为cc则输入../../dd/ee.jpg。

3、格式控制类

①<font></font>，font标签规定文本的字体、大小、颜色，其属分别为face、size、color。

②<i></i>，i标签为显示倾斜效果。

③<b></b>，标签为显示加粗效果。

④<u></u>，标签为文本添加下划线效果。

⑤<strong></strong>，标签为强调文本，效果为加粗。——着重内容。

⑥<em></em>，标签为强调文本，效果为倾斜。——强调内容。

⑦<br />单标签，为换行。

⑧&nbsp; 空格，如果n个空格则重复写n个&nbsp;。

！注释：

通过查询搜索得知，<b>与<strong>以及<i>与<em>的效果分别在网页上默认相同的，

但是<b><i>标签为实体标签，<strong><em>为强调标签并可以通过css改变具体表现形式，如下划线，加大，颜色等。

4、内容容器

①<h1><h2>.....<h6>，标题标签，双标签，最大为h1,最小为h6。！注释：仅仅用作标题标签，不要用它改变同一行的字体大小，应该用层叠样式表定义效果。

②<p></p>段落标签。！注释：p标签会自动在其前后创建一些空白，并显示，可以在样式表中规定

③<span></span>层标签，用来组合行内元素。！注释：没有固定的格式表现，对它应用样式才会产生视觉变化。

④<div></div>层标签，块级元素，默认占一行。！注释：定义文档中的分区或节，把文档分割为独立的不同的部分。可以用作严格的组织工具，并且不使用任何格式与其关联。

⑤<ol></ol>有序列表标签，<li></li>列表项目。！注释：用css定义列表类型。

⑥<ul></ul>无序列表标签，<li></li>列表项目。！注释：用样式定义列表类型。

二、常用标签

①<a></a>超链接标签，最重要的属性是href，该属性指向目标链接。！注释：a标签的内容可以是文字文本，可是图片甚至是其他元素标签。

<a>标签的功能分为：下载用、链接用、锚点（<a name="top"></a>锚点，跳到锚点位置<a name="#top"></a>）！注释：文本文档、网页文件、图片不下载

②<img />图片标签。属性：src图片路径，width、height图片的宽和高，alt显示文字，title图片标题放上显示。

三、表格标签

①<table></table>表格标签，定义HTML表格。

常用属性：width表格宽度，值有百分比和像素两类，写法：width="300"，width=50%;

border规定边框粗细，0为无，1为1像素。！注释：  值发生变化时只有最外层边框发生变化，内部边框无变化。

cellspacing单元格边距。

cellpadding单元格内间距，单元格文字与单元格的距离。

bordercolor边框颜色。

<tr></tr>行标签，定义表格的行。

<th></th>表头标签，第一行。

<td></td>定义单元格。常用属性：width宽height高，bgcolor背景颜色，align水平对齐（left左对齐，right右对齐，center居中），valign垂直对齐（top靠上，bottom靠下，middle中间），rowspan合并单元格行，colspan合并单元格列。

HTML学习-2标记标签-1的更多相关文章

  1. HTML学习-2标记标签-2

    三.表单元素 ①<form></form>表单标签,代表表单 主要属性:1.action提交到的页面.   2.method数据提交方式(get显示提交,有长度限制.post隐 ...

  2. 学习笔记_Java_day13_JSTL标签库（1、2、3、4、5、6、7、8）

    1.一种标签语言 day13 l  JSTL标签库(重点) l  自定义标签(理解) l  MVC设计模式(重点中的重点) l  Java三层框架(重点中的重点) JSTL标签库 1 什么是JSTL ...

  3. java continue break 关键字 详解 区别 用法 标记 标签 使用 示例 联系

    本文关键词: java continue break 关键字 详解 区别  用法 标记  标签 使用 示例 联系   跳出循环 带标签的continue和break 嵌套循环  深入continue ...

  4. JUnit5学习之五：标签(Tag)和自定义注解

    欢迎访问我的GitHub https://github.com/zq2599/blog_demos 内容:所有原创文章分类汇总及配套源码,涉及Java.Docker.Kubernetes.DevOPS ...

  5. HTML学习笔记之标签基础

    目录 1.基本标签 2.链接 3.图像 4.表格 5.列表 6.块与布局 1.基本标签 (1)标题与段落 标签 <h1> ~ <h6> 分别用于定义一至六级标题,标签 < ...

  6. 前端学习(一) body标签(上)

    body标签中相关标签 主要内容: 字体标签:  h1~h6.<font>.<u>.<b>.<strong><em>.<sup> ...

  7. 重温JSP学习笔记--JSTL标签库

    以前写jsp的时候对jstl标签库是有些抵触的,因为我觉得嵌入java代码的方式几乎无往不利,没有必要使用标签库,不过这次复习还是好好地学习了一下,发现这个还是很有用处的,用得好能省不少事,JSTL是 ...

  8. JAVA学习Swing章节标签JLabel中图标的使用

    package com.swing; import java.awt.Color; import java.awt.Component; import java.awt.Container; impo ...

  9. JQery w3school学习第一章 标签的隐藏和显示

    鄙人初学JQuery,最关键的是JQuery获取标签对象的方式 这一章学习的是点击按钮让所有标签的文字以及标签栏的位置隐藏起来,因为单纯的隐藏文字,还是会有空格和空行的影响 这里最关键的代码就是 $( ...

随机推荐

  1. 小程序支持打开APP

    根据微信的官方文档,小程序支持打开APP,专门研究了下这个API有什么,官方文档地址如下 https://mp.weixin.qq.com/debug/wxadoc/dev/component/but ...

  2. 【Web前端】清除css、javascript及背景图在浏览器中的缓存

    在实际项目开发过过程中,页面是上传到服务器上的.而为了减少服务器的压力,让用户少加载,浏览器会将图片.css.js缓存到本地中,以便下次访问网站时使用.这样做不仅减少了服务器的压力,并且也减少了用户的 ...

  3. P3811 乘法逆元

    传送 乘法逆元:ax ≡ 1 (mod p),其中x为a的逆元,求模意义下的乘法逆元,通常有一下几种方法: 1.拓展欧几里得(也就是exgcd) ax ≡ 1 (mod p) ax-py=1 这就变成 ...

  4. 学习笔记之MobaXterm

    MobaXterm free Xserver and tabbed SSH client for Windows https://mobaxterm.mobatek.net/ Enhanced ter ...

  5. docker镜像创建redis5.0.3容器集群

    拉取redis5.0.3镜像 # docker pull daocloud.io/library/redis:5.0.3 [root@localhost ~]# docker pull daoclou ...

  6. Redis-Migrate-Tool 使用详解

    注意:目前不支持4.0.X及以上的redis使用 Redis 集群迁移工具,基于redis复制,快速,稳定. github链接:https://github.com/vipshop/redis-mig ...

  7. Shiro 权限注解

      Shiro 权限注解:   Shiro 提供了相应的注解用于权限控制,如果使用这些注解就需要使用AOP 的功能来进行 判断,如Spring AOP:Shiro 提供了Spring AOP 集成用于 ...

  8. 第6章 静态路由和动态路由（3）_RIP动态路由协议

    5. RIP动态路由协议 5.1 RIP协议(Routing Information Protocol) (1)是一个距离矢量路由选择协议.选择最佳路径的标准是跳数,如果到达目标网络经过的路由器最少, ...

  9. Spring AOP详解和实现方式

    一.什么是AOP AOP(Aspect Oriented Programming),即面向切面编程,可以说是OOP(Object Oriented Programming,面向对象编程)的补充和完善. ...

  10. vs code编辑器使用教程指南

    1.安装插件: 这里可以搜索到插件并安装. 2.修改快捷键或查找快捷键: 这里可以进行快捷键的查找和修改 3.进入引用文件: 点击f12,或者右击快捷键可以看到进入引用文件的快捷方法. 4.查看目录: