第2章 常用HTML标记和格式
- 格式:ppt
- 大小:224.00 KB
- 文档页数:16
html中的标记举例解释HTML (Hypertext Markup Language)是一种用于创建网页结构和内容的标记语言。
在HTML中,我们可以使用不同的标记来定义文本、链接、图像、表格等内容。
下面是一些常见的HTML标记及其解释:1. `<p>`:定义段落。
用于包裹段落中的文本,浏览器会自动在段落前后添加一些间距。
2. `<h1>`至`<h6>`:定义标题。
h1为最高级标题,h6为最低级标题,其中h1的字体最大。
3. `<a>`:定义链接。
用于创建一个指向其他页面或相同页面内的链接。
可以通过href属性指定链接的目标URL。
4. `<img>`:定义图像。
用于在网页中插入图像。
通过src属性指定图像的URL,通过alt属性指定图像的替代文本。
5. `<ul>`和`<li>`:定义无序列表。
ul标记定义一个无序列表,li标记定义列表中的每一项。
6. `<ol>`和`<li>`:定义有序列表。
ol标记定义一个有序列表,li标记定义列表中的每一项。
7. `<table>`、`<tr>`和`<td>`:定义表格。
table标记定义一个表格,tr标记定义表格的行,td标记定义表格的单元格。
8. `<form>`和`<input>`:定义表单。
form标记定义一个包含表单元素的表单,input标记定义表单中的输入字段,如文本框、复选框等。
9. `<div>`:定义文档中的块级元素。
用于将文档内容分组,可以通过CSS样式和JavaScript进行操作。
10. `<span>`:定义文档中的内联元素。
用于对文本进行标记,可以通过CSS 样式和JavaScript进行操作。
这些只是HTML中的一小部分标记举例。
HTML中有很多其他的标记可以帮助我们创建丰富多样的网页内容。
第2章文本格式与超链接(1)段落格式本章目标•掌握段落标记符p、断行标记符br、标题标记符h1~h6、水平线标记符hr的用法。
•理解物理字符样式和逻辑字符样式。
•掌握使用ol/ul 和 li 标记符创建列表。
•掌握使用 a 标记符创建页面链接和锚点链接。
段落格式•段落格式是指针对 HTML 文档中的段落所设置的格式,例如段落的对齐方式。
•还有哪些段落格式?•首行缩进是不是段落格式?段间距呢?分段标记符•分段标记符用于将文档划分为段落,标记为<p></p>。
•换行标记符用于在文档中强制断行,标记为一个单独的<br />。
标题样式•hn 标记符 = 各级标题•n 是1至6的数字;h1表示最大的标题,h6表示最小的标题。
•注意:使用标题时应按照其逻辑含义,而不是按照其显示效果!添加水平线•添加水平线的标记符为hr,它包括以下属性:–size (粗细)–width (长度)–noshade (实线)align 属性•align 属性用于设置段落的对齐格式,取值:right(右对齐)、left(左对齐)、center(居中对齐)和 justify(两端对齐)。
•align 属性可应用于多种标记符,例如p、hn(标题标记符)、hr 等。
•注意:在学习了CSS技术之后应避免使用align属性。
第2章文本格式与超链接(2)字体格式与列表字体格式•字体格式/字符格式是指针对段落中的部分文字所设置的格式,通常包括:字体样式、字号、文字颜色等。
•注意:字体格式属于显示效果的设置,因此应主要使用CSS技术来实现。
物理字符样式•物理字符样式是指标记符本身说明了所修饰的效果。
•常用物理字符样式标记符有:–黑体标记<b></b>–斜体标记<i></i>–下划线标记<u></u>逻辑字符样式•逻辑字符样式是指标记符本身说明了所修饰效果的逻辑含义,例如address标记符。
HTML常⽤标记(完整版)前端:1.HTML2.CSS3.JavaScript(JS)动态URL:统⼀资源定位符HTML常⽤标记:1.⽂档结构标记(1)⽂档标记:<HTML>…</HTML>(2)头部标记:<HEAD>…</HEAD>(3)标题标记:<TITLE>…</TITLE>(4)主体标记:<BODY>…</BODY>2.格式标记(1)段落标记:<p>…</p>(2)换⾏标记:<br>(3)两边缩进标记:<blockquote>…</blockquote>(4)项⽬列表标记:<dl></dl>、<dt>、<dd>(5)有/⽆序号列表标记:<ol></ol>、<ul></ul>、<li>(6)区隔标记:<div></div>3.⽂本标记(1)标题标记:<hn></hn> (n的范围为1~6)(2)字体标记:<b></b>、<i></i>、<u></u>(3)斜体和加重标记:<em></em>、<strong></strong>(4)字型标记:<font></font>4. 链接标记(1)<a href="⽬标地址">…</a>(2)锚点链接:<a name="标签名"></a>5.图像标记和多媒体标记(1)图像标记:<img src="图像⽂件存储位置与名称">(2)多媒体标记:①设置⾳乐和影像⽂件的超链接。
一、HTML标记注释:红色字体为标记和其必不可少的属性;绿色字体为标记中的属性,可任意选取所需要的属性;天蓝色字体为自由填充的属性值;黑色字体为补充内容及对标识和描述内容的注解1、HTML标记语法:<标记名称属性1名=属性1值属性2名=属性2值…>标记在表示HTML文档内容结构和含义的时候,通常有两种方式,我们分别称单标记和双标记。
表1:2、<BODY>的属性BGCOLOR="颜色" (设置背景颜色)BACKGROUND="图片名" (设置背景图片)BGPROPERTIES="FIXED" (设置背景图片固定不变)TEXT="颜色" (设置文本颜色)LINK="颜色" (默认链接)VLINK="颜色" (当鼠标按下时的链接)ALINK="链接按钮" (当鼠标松开后的链接)TOPMARGIN=距离(文本距顶部的距离)LEFTMARGIN=距离(文本距左边的距离)3、设置播放器,必须在BODY的双标记中存在设置背景音乐:<BGSOUND SRC="地址"(歌名或视频名) LOOP=“循环次数”>插入视频音频文件:(FLASH等)<EMBED SRC="地址"(歌名或视频名)WIDTH=宽度HEIGHT=高度(调整播放器的宽度和高度)HIDDEN="TRUE"(隐藏播放器) LOOP=”循环次数”>4、如何使网页在网站的排名靠前,其必须在HEAD中存在<META NAME="K EYWORD"CONTENT="描述网站内容">(用于标记搜索引擎在搜索该页面时所取出的关键词)<META NAME="DESCRIPTION" COUNT="描述网页内容" >(用来标记描述内容)<META NAME="AUTHOR" CONTENT="作者名称" >(用来标记文档的作者)<META HTTP-EQUIV="CONTENT-TYPE" CONTENT= "TEXT/HTML;CHARSET =GB2312">(用来标记你的页面的解码方式)<META HTTP-EQUIV="REFRESH" CONTENT="5;URL= Http:// .com">(用来自动刷新网页)5、标题字体表2:6、文章字体表3:7、物理字体表4:8、字符实体在往HTML文档中写入特殊字符,如“〈”、“〉”、“&”、“ ”等要使用特殊的代码,浏览器会用HTML命令对这些特殊代码进行翻译。
习题1.以下标记符中,用于设置页面标题的是( A )。
A <title>B <caption>C <head>D <html>2.以下标记符中,没有对应的结束标记的是( B )。
A <body>B <br>C <html>D <title>3.文件头标记也就是通常所见到的____<head>…</head>_____标记。
4.创建一个HTML文档的开始标记符是___<html>______,结束标记符是____</html>_____。
5.标记是HTML中的主要语法,分____单_____标记和____双_____标记两种。
大多数标记是____成对_____出现的,由____开始_____标记和_____结束____标记组成。
6.把HTML文档分为__头部_______和______主体___两部分。
___主体______部分就是在Web浏览器窗口的用户区内看到的内容,而__头部_______部分用来设置该文档的标题(出现在Web 浏览器窗口的标题栏中)和文档的一些属性。
7.HTML4或XHTML1.0的三种文档风格是__严格型、过渡型____、框架型_____。
8.简述一个HTML文档的基本结构。
一个完整的HTML文件包含头部和主体两个部分的内容,在头部内容里,可定义标题、样式等,文档的主体内容就是要显示的信息。
<html>标记通常会作为HTML 文档的开始代码,出现在文档的第一句,而</html>标记通常作为HTML文档的结束代码,出现在文档的尾部,其他的所有的HTML代码都位于这两个标记之间,该标记用于告知浏览器或其他程序,这是一个Web文档,应该按照HTML语言规则对文档内容的标记进行解释;<head>…</head>是HTML文档的头部标记;<bo dy>…</body>标记之间的文本是在浏览器中要显示的页面内容。