大致可以分为以下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. Inno Setup 脚本

    给你个我用的例子: Delphi/Pascal code   ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 2 ...

  2. jQuery 闪动的文字提示

    原文地址:http://www.cnblogs.com/kiter/archive/2013/02/22/2922242.html 声明,本文转自网络. jQuery 闪动的文字提示,仿QQ头像闪烁闪 ...

  3. Oracle下PLSQL连接没有数据库的问题

    https://blog.csdn.net/master_yao/article/details/51055850 参考博文地址 当PLSQL连接提示时请注意 请将首选项里内容进行修改 指定oci.d ...

  4. PROC UNIVARIATE 简单示例

    OPTIONS NOCENTER LS=MAX PS=MAX USER=SASHELP; PROC UNIVARIATE DATA=FISH;WHERE SPECIES='Bream';VAR HEI ...

  5. SQL按分隔符拆分字段串

    CREATE VIEW [dbo].[Split_BusinessUnit] AS WITH tt AS ( SELECT BusinessUnit.BusinessUnitId , Business ...

  6. C#根据进程名称获取进程的句柄?

    C#根据进程名称获取进程的句柄或C#如何获取其他进程的句柄? 有时候标题名是动态变化的,所以不使用FindWindow方法! [StructLayout(LayoutKind.Sequential)] ...

  7. Solr进阶之Solr综合文本相似度的多因素权重排序实现

    现在有个需求是这样子的:需要计算搜索词的权重设置其为总排序权重的0.6,其他因素的权重为0.4其他因素中还有详细的划分.这里我们用Solr如何来实现?众所周知solr默认的排序方式为按照文本相似度来进 ...

  8. BOM跟DOM的区别和关联

    BOM 1. BOM是Browser Object Model的缩写,即浏览器对象模型. 2. BOM没有相关标准. 3. BOM的最根本对象是window. 从1可以看出来:BOM和浏览器关系密切. ...

  9. flask session,蓝图,装饰器,路由和对象配置

    1.Flask 中的路由   *endpoint - url_for 反向地址  *endpoint 默认是视图函数名  *methods 指定视图函数的请求方式,默认GET  defaults={& ...

  10. Mysql存储过程(六)——存储过程中使用临时表

    Mysql 不支持数组.但有时候需要组合几张表的数据,在存储过程中,经过比较复杂的运算获取结果直接输出给调用方,比如符合条件的几张表的某些字段的组合计算. Mysql 临时表可以解决这个问题. 临时表 ...