html的基本标签含义
- 格式:doc
- 大小:34.50 KB
- 文档页数:7
简述html文件的基本标记组成。
HTML(Hypertext Markup Language)是一种标记语言,用于创建网页的结构和内容。
HTML文件由一系列标记组成,这些标记告诉网络浏览器如何显示网页的各个部分。
在本篇文章中,我们将介绍HTML文件的基本标记组成。
1. DOCTYPE声明:在HTML文件的开头,我们通常会看到一个特殊的声明,即<!DOCTYPE html>。
这个声明告诉浏览器使用HTML5来解析网页。
它是HTML文件的必要部分,确保网页在不同浏览器中正确显示。
2. HTML标签:在DOCTYPE声明之后,我们使用<html>标签来定义HTML文档的根元素。
所有的HTML内容都应该放在这个标签中。
3. Head部分:在<html>标签中,我们使用<head>标签来定义头部部分。
头部部分包含了网页的元数据,如标题、关键字、描述等。
我们可以在<head>标签中添加<style>标签来定义网页的样式,并使用<link>标签引入外部的CSS样式表。
4. Body部分:在<html>标签中,<body>标签定义了网页的主要内容。
我们可以在<body>标签中添加各种标签来组织和显示网页的内容,比如段落、标题、链接、图像等。
这些标签可以嵌套在一起,形成网页的结构,同时也可以使用属性来定义标签的行为和样式。
5. 标题标签:在<body>标签中,我们可以使用<h1>到<h6>标签来定义标题。
这些标签分别表示主标题到六级标题,可以按照层次结构来组织网页内容。
6. 段落标签:在<body>标签中,我们可以使用<p>标签来定义段落。
这个标签用于包含一段文字内容,并自动添加前后的空行。
7. 链接标签:在<body>标签中,我们可以使用<a>标签来定义链接。
html教案HTML教案教学目标:1. 了解HTML的基本定义和作用;2. 熟悉HTML的基本标签;3. 能够使用HTML创建简单的网页。
教学内容:一、HTML的定义和作用1. HTML是超文本标记语言(HyperText Markup Language)的缩写,它是一种用来描述网页结构的标记语言;2. HTML的作用是实现网页的内容展示和布局。
二、HTML的基本标签1. <!DOCTYPE html>:定义文档类型为HTML5;2. <html>:定义HTML文档;3. <head>:定义文档的头部,包含与文档相关的信息,如标题、样式表、脚本等;4. <title>:定义文档的标题,显示在浏览器的标题栏中;5. <body>:定义文档的主体,包含网页的内容;6. <h1>-<h6>:定义标题,数字从1到6,数字越小字号越大;7. <p>:定义段落;8. <a>:定义超链接,通过href属性指定链接的目标网址;9. <img>:定义图像,通过src属性指定图像的源文件;10. <ul>:定义无序列表、<ol>:定义有序列表;11. <li>:定义列表项;12. <table>:定义表格;13. <tr>:定义表格的一行;14. <td>:定义表格的一个单元格;15. <form>:定义表单,用于向服务器提交数据;16. <input>:定义表单中的输入控件。
教学步骤:1. 介绍HTML的定义和作用,引导学生了解HTML的重要性;2. 逐个讲解HTML的基本标签,重点解释各个标签的含义和用法;3. 分析实际网页的结构,帮助学生理解HTML标签的嵌套关系;4. 演示使用HTML创建简单的网页,如一个包含标题、段落和图像的页面;5. 练习让学生根据给定的需求,使用HTML创建自己的网页;6. 展示学生的成果,进行互动讨论和评价。
html名词解释正确的HTML(Hypertext Markup Language)是一种用于创建网页的标准标记语言。
它由一系列的标签组成,用于描述网页的结构和内容。
在这篇文章中,我将为大家解释一些常见的HTML名词,帮助读者更好地理解HTML的基本概念和术语。
元素(Element)是HTML文档中的基本单元,它由起始标签和结束标签组成,中间包含了元素的内容。
每个HTML元素都有自己的含义和作用。
例如,在HTML中,`<p>`元素表示段落,`<h1>`表示一级标题。
通过使用不同的HTML元素,我们可以创建出丰富多样的网页内容。
属性(Attribute)是用于提供有关HTML元素的额外信息的。
它们以名称/值对的形式出现在HTML元素的起始标签中,可以改变元素的行为或样式。
例如,`<img>`元素具有`src`属性,用于指定要显示的图像的URL。
通过设置属性的不同值,我们可以影响网页的外观和功能。
标签(Tag)是用于标记HTML元素的关键词或符号。
标签通常由尖括号包围,放置在HTML文档中的适当位置来指示元素的开始和结束。
在某些情况下,HTML元素可以是无标签元素,例如`<br>`元素用于在文本中进行强制换行。
标签是HTML中重要的组成部分,用于指示浏览器如何解释和呈现网页内容。
标题(Heading)标签(`<h1>`到`<h6>`)用于表示网页中不同级别的标题。
`<h1>`标签表示最高级别的标题,而`<h6>`标签表示最低级别的标题。
标题标签不仅用于显示标题文本,而且对于搜索引擎优化也非常重要。
良好的标题结构可以提高网页的可读性和搜索引擎排名。
链接(Link)是HTML中用于连接不同网页的元素。
通过使用`<a>`标签,我们可以创建一个超链接,使用户能够从当前网页跳转到其他网页。
`<a>`标签需要一个`href`属性,用于指定目标网页的URL。
html5的基本标签HTML5的基本标签包括:1. `<html>`:定义HTML文档的根元素。
2. `<head>`:包含了文档的元数据信息,例如标题、字符编码等。
3. `<body>`:包含了文档的可见内容。
4. `<h1>` - `<h6>`:定义标题,从最高级的标题`<h1>`到最低级的标题`<h6>`。
5. `<p>`:定义段落。
6. `<a>`:定义超链接。
7. `<img>`:定义图像。
8. `<ul>`和`<li>`:定义无序列表和列表项。
9. `<ol>`和`<li>`:定义有序列表和列表项。
10. `<div>`:定义文档中的一个分区或节。
11. `<span>`:定义文档中的一个行内区域。
12. `<form>`:定义用户输入表单。
13. `<input>`:定义表单中的输入字段。
14. `<button>`:定义按钮。
15. `<table>`、`<tr>`、`<td>`:定义表格及其行、单元格。
16. `<video>`:定义视频。
17. `<audio>`:定义音频。
18. `<canvas>`:定义画布,用于绘制图形、动画等。
19. `<header>`:定义文档或节的页眉。
20. `<footer>`:定义文档或节的页脚。
以上只是HTML5的部分基本标签,还有很多其他标签可以用于创建和定义不同的元素和内容。
什么是 HTML?HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言,而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页HTML 标签HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
HTML 标签是由尖括号包围的关键词,比如 <html> HTML 标签通常是成对出现的,比如 <b> 和 </b> 标签对中的第一个标签是开始标签,第二个标签是结束标签 开始和结束标签也被称为开放标签和闭合标签HTML 文档 = 网页 HTML 文档描述网页 HTML 文档包含 HTML 标签和纯文本 HTML 文档也被称为网页HTML 标题HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。
注:1最大HTML 段落paragraphHTML 段落是通过 <p> 标签进行定义的。
HTML 链接HTML 链接是通过 <a> 标签进行定义的。
HTML 图像HTML 图像是通过 <img> 标签进行定义的。
HTML 文档是由 HTML 元素定义的。
HTML 元素HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。
开始标签 <p> <a href="default.htm" > <br /> <br> 就是没有关闭标签的空元素(<br> 标签定义换行) 。
在开始标签中添加斜杠,比如 <br />,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这 种方式。
HTML 重要标签: (1)样式/节 ①<style> 实例:<html> <head><style type=”text/css”> h1 { color:red } p { color:blue } </style></head> <body><h1>Header 1</h1> <p>A paragraph.</p></body></html>定义和用法<style> 标签用于为 HTML 文档定义样式信息。
在 style 中,您可以规定在浏览器中如何呈现 HTML 文档。
type 属性是必需的,定义 style 元素的内容。
唯一可能的值是 "text/css"。
style 元素位于 head 部分中。
②<div>HTML <div> 元素是块级元素,它是可用于组合其他 HTML 元素的容器。
<div> 元素没有特定的含义。
除此之外,由于它属于块级元素,浏览器会在其前后显 示折行。
如果与 CSS 一同使用,<div> 元素可用于对大的内容块设置样式属性。
<div> 元素的另一个常见的用途是文档布局。
它取代了使用表格定义布局的老式方法。
使用 <table> 元素进行文档布局不是表格的正确用法。
<table> 元素的作用是显示 表格化的数据。
实例:<html><body> <h3>This is a header</h3><p>This is a paragraph.</p> <div style="color:#00FF00"><h3>This is a header</h3><p>This is a paragraph.</p></div> </body></html>定义和用法 <div> 可定义文档中的分区或节(division/section)。
常见的html标签及含义HTML(Hypertext Markup Language)是用于构建网页结构的标记语言。
以下是一些常见的HTML标签及其含义:1.<!DOCTYPE html>:o定义HTML文档类型,通常位于文档的开头。
2.<html>:o HTML文档的根元素,包含整个文档的内容。
3.<head>:o包含文档的元信息,如标题、字符集设置、引用的样式表等。
4.<title>:o定义文档的标题,显示在浏览器的标题栏或标签页上。
5.<body>:o包含文档的主要内容,如文本、图像、链接等。
6.<h1> to <h6>:o定义标题,<h1>是最高级别,<h6>是最低级别。
7.<p>:o定义段落。
8.<a>:o定义超链接,用于创建从一个页面到另一个页面的链接。
9.<img>:o插入图像,用于显示网页上的图片。
10.<ul> 和<ol>:o<ul>定义无序列表,<ol>定义有序列表。
11.<li>:o定义列表项,用于在无序列表或有序列表中创建单个项目。
12.<div>:o定义文档中的块级元素,通常用于组织和布局页面的结构。
13.<span>:o定义文档中的内联元素,通常用于对文本的样式和行内元素进行分组。
14.<table>:o定义表格,包含表头、表体和表尾。
15.<tr>:o定义表格中的行。
16.<td>:o定义表格中的数据单元格。
17.<th>:o定义表格中的表头单元格。
18.<form>:o定义表单,用于用户输入和交互。
19.<input>:o定义输入字段,如文本框、复选框、单选按钮等。
20.<textarea>:o定义多行文本输入字段。
HTML相关知识点总结⽬录简介HTML⽂档和⽹页的关系呢?HTML的标签样⼦?HTML基本概念标签元素属性注释编码规则HTML常⽤元素标题段落链接跳转页⾯:跳转锚点图⽚列表有序列表⽆序列表定义列表表格块表单及表单元素表单表单属性表单元素多媒体元素audio 标签video 标签线细节⽂档类型头⽂件1. HTML <title> 元素2.HTML <base> 元素3.HTML <link> 元素4.HTML <style> 元素5.HTML <meta> 元素6.HTML <script> 元素案例tableregister学⽣信息表格会员注册表单简介HTML超⽂本标记语⾔(Hyper Text Markup Language),它是互联⽹上应⽤最⼴泛的标记语⾔。
不要把HTML语⾔和C、Java等编程语⾔混淆起来。
简单的说,HTML⽂件就是普通⽂本+HTML标记(也就是HTML标签),⽽不同的HTML标签能显⽰不同的效果。
HTML⽂档和⽹页的关系呢?**⽹页就是HTML⽂档。
HTML⽂档有HTML标签和纯⽂本组成。
**web浏览器的作⽤就是读取HTML⽂档,并以⽹页的形式显⽰它们。
浏览器不是显⽰HTML标签,⽽是使⽤标签来解释页⾯的内容。
HTML的标签样⼦?HTML的标记标签通常被称为HTML标签,它是由⼀对尖括号以及关键词组成,如。
⽽且HTML的标签基本上是成对出现的,如<html></html>。
在这⼀对标签中,第⼀个称为起始标签,第⼆个被称为结束标签。
### HTML的组成:head 部分⽤于定义HTML的⼀些基本信息,或者引⼊外部⽂件。
body 部分整个HTML⽂档的显⽰内容。
HTML基本概念标签⽹页就是HTML⽂档。
HTML⽂档是由标签和内容组成。
常⽤的标签:<html>、<head>、<body>、<div>、<span>、<h1>~<h6>、<p>、<form>、<input>、<a>、<img>、<iframe>、<script>、<style> 等元素HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。
<!--…--> :注释标签用来在源文档中插入注释<!DOCTYPE> :告知浏览器文档使用哪种HTML或XHTML规范<a> :定义锚,通过使用href属性,创建指向另外一个文档的链接(或超链接);通过使用name或id属性,创建一个文档内部的书签(也就是说,可以创建指向文档片段的链接)<abbr> :表示一个缩写形式,比如"Inc."、"etc.",如:<abbrtitle="etcetera"> etc.</abbr><acronym> :定义只取首字母缩写,比如"NATO"。
通过对只取首字母缩写进行标记,您就能够为浏览器、拼写检查程序、翻译系统以及搜索引擎分度器提供有用的信息<address> :定义一个地址(比如电子邮件地址)。
您应当使用它来定义地址、签名或者文档的作者身份。
<applet> :定义嵌入的applet。
<area> :标签定义图像映射中的区域(注:图像映射指得是带有可点击区域的图像)。
area 元素总是嵌套在<map> 标签中。
<base> :为页面上的所有链接规定默认地址或默认目标<basefont> :定义基准字体。
该标签可以为文档中的所有文本定义默认字体颜色、字体大小和字体系列。
<bdo> :可覆盖默认的文本方向<blockquote> :可定义一个块引用<body> :定义文档的主体<br>:插入一个简单的换行符<button> :定义一个按钮<caption> :定义一个表格标题。
caption标签必须紧随table标签之后。
您只能对每个表格定义一个标题。
通常这个标题会被居中于表格之上。
HTML基本标签及结构详解1.HTML概述1.HTML:超⽂本标记语⾔。
是⼀种标识性语⾔,⾮编程语⾔,不能使⽤逻辑运算。
通过标签将⽹络上的⽂档格式进⾏统⼀,使分散的⽹络资源链接为⼀个逻辑整体。
超⽂本是⼀种组织信息的⽅式,通过超级链接将多种媒介链接起来标记:标签。
⽤<>包裹的具有⼀定含义的内容,⽐如:…静态⽹页:不变动态⽹页:跟后台同时改变2.HTML标签结构1.⽂档结构:<!doctype html><!--!表⽰声明的意思。
这⼀⾏代码意思:下⾯的⽂档标签将以html5进⾏解析--><html><!-头部.⽤来完成⼀个⽹页的相关设置-><head><meta charset="utf-8"><!--汉字编码--><!--meta:元,⽤来完成对应设置--><meta name="keywords" content=""><!--设置⼀个⽹站搜索的关键字--><meta name="description" content=""><!--⽹站的描述内容--><title>我的第⼀个html⽹页</title><!--标题--><!--设置⽹站的⼩图标--><link rel="shortcut icon" href="" type="image/png"><style>/*书写样式的地⽅*/</style><link rel="stylesheet" href="style.css"><!--⽤来引⼊外部样式⽂件--></head><!--2.主体部分--><body><p>这是⼀个段落</p></body><script>//放脚本代码的地⽅</script></html>2.常⽤标签:<!--做移动端开发设置--><meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"><!--1.div标签,⽤于布局,没有具体含义,分层。
<html>:表示html文件的起始和终止,<html>标签在首行,</html>标签在最后一行,两个要一起使用,网页中其他内容都要放在这两个标签之间。
<head>:表示网页的头部标签,用来定义文件的头部信息,与<html>标签一样,也是<head></head>成对使用。
<body>:表示出文件主体区,<body></body>之间是网页的主题内容和其他用于控制文本显示方式的标签。
<title>:网页标题,用于定义浏览器窗口标题栏上的文本信息,可以是网页的标题名或创作信息等网页说明信息。
<hr>:用于显示水平线,使页面看起来更整齐明了。
<pre>:将内容以原始格式显示。
<address>:标注联络人姓名、电话、地址等信息。
<blockquote>:区段引用标签。
<!————>:注释标签,使用注释标签的目的是为网页代码中不同部分加上说明,方便日后的修改。
注释的内容是不会在浏览器上显示出来的,如<——要注释的内容——>。
<p>:文本段落,可以用align属性设置left、center、right 3种对齐方式。
<br/>:强制换行,没有结束标签,在网页中产生换行效果。
<center>:使文字或其他网页元素居中显示。
<marquee>:文本或图片移动显示,属性direction用来指示移动方向。
<dl>、<dt>、<dd>:<dl></dl>标签创建无序列表,<dt></dt>定义上层项目,<dd>、</dd>定义下层项目,<dt>、</dt>和<dd></dd>标签一定要放在<dl></dl>标签中才能使用。
1 HTML 的含义和作用和各种标记? HTML:中文通常称作超文本标识语言(超文本标记语言) 是一种文本类解释执 行的标记语言。
标记:头部标记,体部标记,图像标记,超链接标记,列表标记和预定义格 式标记(书 p30) 2 表单标记<Form>的属性及其相应的标记? 属性:method:post 或 get 区别:get 方法将浏览器的 URL 栏中显示所传递 变量的值,而 post 方法则不显示;且 2 者在服务器端的数据提取方式也不同 <input>输入域 <textarea>文本域 <select>和<option>下拉列表框 3 javascript 中变量的定义,若没有定义 alert 对话框将显示什么? var 变量名;alert 的作用 弹出具体一个“确定”按钮的对话框 4 B/S,C/S 架构的含义? B/S 结构(浏览器/服务器模式)是 WEB 兴起后的一种网络结构模式,WEB 浏览器是客户端最主要的应用软件 C/S 结构(客户机和服务器结构),它是软件系统体系结构,通过它可以充分利 用两端硬件环境的优势, 将任务合理分配到 Client 端和 Server 端来实现, 降低了 系统的通讯开销 ///5web 标准中结构,表现和行为各是什么? 网页主要由结构,表现和行为三个部分组成 结构:可扩展标记语言:XML 表现:层叠样式表:CSS 行为:文档对象模型:CSS 6Asp 或 jsp 由谁执行,其扩展名格式是什么? 直接有服务器执行。
扩展名分别为.aspx .jsp 7div 块的 border,宽度,width 如何设定?Div 块中的 border ,宽度和 width 在这个 div 块中的 css 样式表中设定。
比如: <style type="text/css">#container{ margin:0 auto; width:960px; Border:10px; }</style> <div id=’container ’> </div>8 表格中的 colspan 属性 rowspan 属性的含义? colspan 属性:按列横向结合(若该值取 2,则本表格项在宽度上占 2 列) rowspan 属性:按行纵线结合(若该值取 2,则本表格项在高度上占 2 行) 9CSS 样式表的种类及各个属性的含义 100 页? 种类: 链接到外部样式表 引入外部样式表 嵌入样式表 内联样式表属性: Class 属性,id 选择符和 id 属性,上下文选择符,伪类,span 标记,div 标记 10HTML 元素的 id 属性如何让将样式应用于网页上某个段落? <p id=”段落 p”>这是哪个段落</p> 11 HTML 代码如何让创建页面框架? 框架结构标签(<frameset>) 如: <frameset cols="25%,75%">(cols 表示垂直框架,后面表示占的百分比) <frame src="frame_a.htm"> <frame src="frame_b.htm"> </frameset> 12 段落文本如何缩进? 可以用 css 中的属性 text-indent 来实现文本缩进,属性 text-indent 的功能是指 定页面首行的缩进样式。
简述文本元素的基本标签及含义文本元素是计算机网络中传输和处理数据的基本单位。
在文本传输协议中,文本元素通常被分为不同的标签,用于标识和分类不同的文本数据。
以下是一些常见的文本元素标签及其含义:1. HTML标签:HTML 标签用于标识 HTML 文档中的文本元素。
常用的 HTML 标签包括 `<p>` 用于段落、 `<h1>` 用于标题、 `<a>` 用于链接等。
2. CSS 标签:CSS 标签用于定义文本元素的样式。
常用的 CSS 标签包括`<img>` 用于图像、 `<font>` 用于字体、 `<code>` 用于代码等。
3. 文本格式标识符:文本格式标识符用于定义文本的格式,如 `<br>` 用于换行、 `<li>` 用于列表项等。
4. 元数据:元数据是描述文本数据的属性和信息的文档。
常用的元数据标签包括 `<param>` 用于参数、 `<return>` 用于返回值等。
5. 链接标签:链接标签用于标识链接到另一个网页的文本元素。
常用的链接标签包括 `<a>` 和 `<i>`。
6. 图像标签:图像标签用于标识图像元素。
常用的图像标签包括 `<img>`。
7. 脚本标签:脚本标签用于嵌入 JavaScript 和其他脚本语言,动态地改变文本元素的样式和内容。
常用的脚本标签包括 `<script>` 和 `<![CDATA[`。
这些标签是文本元素的基本标识符,它们的含义和用法对于正确理解和处理文本数据非常重要。
随着网络技术的发展,越来越多的文本元素标签将得到广泛应用,这些标签也将不断地被更新和扩展。
<html>:表示html文件的起始和终止,<html>标签在首行,</html>标签在最后一行,两个要一起使用,网页中其他内容都要放在这两个标签之间。
<head>:表示网页的头部标签,用来定义文件的头部信息,与<html>标签一样,也是<head></head>成对使用。
<body>:表示出文件主体区,<body></body>之间是网页的主题内容和其他用于控制文本显示方式的标签。
<title>:网页标题,用于定义浏览器窗口标题栏上的文本信息,可以是网页的标题名或创作信息等网页说明信息。
<hr>:用于显示水平线,使页面看起来更整齐明了。
<pre>:将内容以原始格式显示。
<address>:标注联络人姓名、电话、地址等信息。
<blockquote>:区段引用标签。
<!————>:注释标签,使用注释标签的目的是为网页代码中不同部分加上说明,方便日后的修改。
注释的内容是不会在浏览器上显示出来的,如<——要注释的内容——>。
<p>:文本段落,可以用align属性设置left、center、right 3种对齐方式。
<br/>:强制换行,没有结束标签,在网页中产生换行效果。
<center>:使文字或其他网页元素居中显示。
<marquee>:文本或图片移动显示,属性direction用来指示移动方向。
<dl>、<dt>、<dd>:<dl></dl>标签创建无序列表,<dt></dt>定义上层项目,<dd>、</dd>定义下层项目,<dt>、</dt>和<dd></dd>标签一定要放在<dl></dl>标签中才能使用。
<ul>、<ol>、<li>:<ol></ol>标签创建有序列表,<ul></ul>标签创建无序列表,<li>、</li>定义下层项目,<li>、</li>标签一定要放在<ol></ol>或<ul></ul>标签中才能使用。
<dir>:目录式列表。
<menu>:菜单式列表。
<hi>:i=1,2,......,6,网页中文本标题,<h1></h1>显示最大的字号,<h6></h6>显示最小的字号。
<b>:粗字体。
<i>:斜字体。
<font>:改变字体设置,有face、size、color3个属性来控制,face设置字体,size设置字号,color设置颜色。
<big>:加大字号。
<small>:缩小字号。
<em>:斜体标签。
<a>:建立超链接,有href、target、name等重要属性,其中href属性为<a>标签必须具备的属性。
href属性。
设置目标页面的链接地址,可以是绝对地址也可以是相对地址,如果为“#”表示空链接。
target属性。
设置超链接的打开方式,共5种:_blank指在新窗口中打开,_parent 指在上一级窗口中打开,_self指在同一窗口打开,_top指在浏览器的整个窗口中打开,new指在新窗口中打开。
name属性。
创建一个命名锚记,使用命名锚记后,会让链接直接跳转到一个页面的某一部分。
<img>:图像标签,用于网页中插入图像。
<img>标签拥有以下属性。
src属性。
该属性为<img>标签必须具备的属性,指存放图片的具体路径。
width属性。
图像的宽度。
height属性。
图像的高度。
alt属性。
图像的注释,也就是代替文字。
align属性。
图像的对齐属性,值baseline为基线对齐,值top为顶端对齐,值middle 为居中,值bottom为底端对齐,值texttop为文本上方对齐,值absmiddle为绝对居中,值absbottom为绝对底端对齐,值left为左,值right为右。
border属性。
图像的边框的宽度,值大于或等于0,以像素(px)为单位。
vspace属性。
图像的垂直边距,图像与页面或文本之间的垂直边距。
hspace属性。
图像的水平边距。
<table>:定义表格区域。
<caption>:定义表格标题。
<th>:定义表格头部。
<tr>:定义表格行。
<td>:定义单元格。
<div>:区域标签(又称容器标签),用来作为多种HTML标签的组合的容器,对该区域块进行操作和设置,就可以完成对区域块中元素的操作和设置,Div能让网页代码具有很高的可扩展性。
<span>:文字图片等简短内容的容器,其意义有点类似Div,但是和Div不一样的是,span 是文本级元素,默认不会占整行,可以在一行显示多个span。
span常在段落、列表条目等项目中使用,该标签不能嵌套在其他的封闭级元素中。
p{text-indent:2em;}表示首行缩进两字符。
line-height表示行间距,p{line-height:2em;}表示行间距(行高)为两字符。
letter-spacing表示字母与字母之间的间距,word-spacing表示英文单词之间的间距。
text-align:center;表示居中对齐,text-align:left;表示居左对齐,text-align:right;表示居右对齐。
在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。
常用的块状元素有:<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>常用的内联元素有:<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>常用的内联块状元素有:<img>、<input>在html中<div>、 <p>、<h1>、<form>、<ul> 和 <li>就是块级元素。
设置就是将元素显示为块级元素。
将内联元素a转换为块状元素表示为a{display:block;}块级元素特点:1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。
(真霸道,一个块级元素独占一行)2、元素的高度、宽度、行高以及顶和底边距都可设置。
3、元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。
在html中,<span>、<a>、<label>、 <strong> 和<em>就是典型的内联元素(行内元素)。
块状元素也可以通过代码内联元素。
如:div{ display:inline; } 块状元素div转换为内联元素,从而使 div 元素具有内联元素特点。
内联元素特点:1、和其他元素都在一行上;2、元素的高度、宽度及顶部和底部边距不可设置;3、元素的宽度就是它包含的文字或图片的宽度,不可改变。
内联块状元素(inline-block)就是同时具备内联元素、块状元素的特点,代码),<img>、<input>标签就是这种内联块状标签。
内联块状元素特点:1、和其他元素都在一行上;2、元素的高度、宽度、行高以及顶和底边距都可设置。
border-style(边框样式)常见样式有:dashed(虚线)| dotted(点线)| solid(实线)。
方法三:通过给父元素设置float,然后给父元素设置position:relative 和 left:50%,子元素设置 position:relative 和 left: -50%来实现水平居中。
css代码:设置垂直居中:分两种情况:父元素高度确定的单行文本,以及父元素高度确定的多行文本。
父元素高度确定的单行文本的竖直居中的方法是通过设置父元素的height和line-height 高度一致来实现的。
(height: 该元素的高度,line-height: 顾名思义,行高(行间距),指在文本中,行与行之间的基线间的距离)。
line-height与font-size的计算值之差,在 CSS 中成为“行间距”。
分为两半,分别加到一个文本行内容的顶部和底部。
这种文字行高与块高一致带来了一个弊端:当文字内容的长度大于块的宽时,就有内容脱离了块。
输入:.wrap{text-align:center;}表示垂直居中。