以下HTML标记用于格式化网页上文本的外观。这可以使网页变得更加生动,但是,文本格式的太多变化也会使人不快。
head标记有6个级别可用,从h1用于最大和最重要的标题,到h6是最小的标题。
b标记之间的文本以粗体显示,与周围的文本相对突出。
i标记以一个小角度显示文本。
u标记在文本正文添加一条线,请注意,链接已经有下划线,不需要额外的标记。
strike标记在文本的正中间画一条线,通常用来表示文本是旧的,不再相关,删除。也可以用<s></s>代替。
pre标记之间的任何文本,包括空格、回车符和标点符号,都将像在文本编辑器中一样显示在浏览器中(通常浏览器会忽略多个空格)
code标记之间的文本以固定宽度字体显示,通常在显示源代码时使用。
tt标记之间的文本就像是用打字机打出了一个固定宽度的文字。
blockquote标记定义一个块引用,并且在块的左右添加额外的边距。
small标记让你无需设置字体大小,就可以使文本呈现比周围稍小的外观。
font标记的color属性改变几个字或一段文字的颜色。属性使用十六进制颜色代码。
font标记的size属性改变字体的大小,值范围从1到7,1是最小,7是最大。
font标记的size属性还可以相对于其前面的字体大小的作即时更改,此用法将按你指定的数字增减字体大小。例如:<font size="-1">一些文本</font>
font标记的face属性以指定的字体显示文本,值为字体名称,如“Helvetica”、“Arial”或“Courier”。
center标记之间的所有内容都居中。
em标记用于强调文本,文本通常以斜体显示,可能会根据浏览器的不同而有所不同。
strong标记用于着重强调文本,通常以粗体显示,可能会根据浏览器的不同而有所不同。
下面是以上标记的示例:
浏览器显示内容如下所示:
些初学web前端的小伙伴会比较迷惑,HTML到底是什么呢?
这里解释一下,HTML称为超文本标记语言,是一种标识性的语言。
它包括一系列标签,通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。
HTML的学习也是要由浅到深一步一步学习,对于很多小伙伴来说,HTML的学习路线一直是一个问题,下边我列出HTML需要学习的几个知识点,大家可以作为参考。
⒈ html概述
⒉ html基本标签
⒊ 图片标签
⒋ 超链接标签
⒌ 表格标签
⒍ 无序列表标签
⒎ 有序列表标签
⒏ 定义列表标签
⒐ div标签
⒑ 语义化标签
⒒ 表单标签
⒓ 语义化表单元素
⒔ 框架标签
⒕ 特殊字符
⒖ 综合案例
针对以上的html知识点,动力节点也有非常适合初学者的HTML学习教程,相信大家通过HTML视频课程的学习以后,会对HTML有一个深入的了解。
通过该视频的学习之后,可以开发基本的网页,并且可以看懂别人编写的HTML页面。
HTML学习资料:http://www.bjpowernode.com/?toutiaohtml.chai
为了方便学习和理解,通常将HTML5标记分为两大类,即双标记和单标记。
a.双标记:
双标记双标记也称为体标记,分为开始标记和结束标记,其基本语法为:
<标记名>内容</标记名>
如:
<p>我是一个双标记</p>
b.单标记:
单标记也称空标记,是指用一个标记就可以完整的描述某个功能,其基本语法为:
<标记名/>
如:
<hr/>
上面hr标记表示一条水平线,后面会提到
注释标记是HTML的一种特殊标记,它是一段便于阅读理解的不需要在页面中显示的注释文字。其基本语法格式为:
<!-- 注释语句 -->
如:
<p>这是一段文本</p> <!-- 这是注释文本,不会在页面中显示 -->
上图即为浏览器中的结果。
HTML标记的默认样式是无法满足页面开发的需求的,如果想要为某段文本设置特定的样式,就需要用到HTML标记的属性了,其基本语法格式为:
<标记名 属性1="属性值1" 属性2="属性值2" 属性3="属性值3"...>内容</标记名>
下面以一个例子来展示:
网页第一行是一个二级居中的标题,第二行是一个局中的段落,第三行是一个大小为2px,颜色为灰色的水平线,第四行是一段正常的段落,部分词语被加粗
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h2 align="center">我是居中的二级标题</h2>
<p align="center">我是居中的段落</p>
<hr size="2" color="#ccc"/>
<p>我是一个正常的段落,这是<strong>关键字</strong>,其他的都是正常内容。<p/>
</body>
</html>
效果如图所示:
多学一招(键值对):
“键值对”简单地说即为对“属性”设置“值”
例如:
color = "red";width:"200px";
上面的color和width就相当于属性1和属性2,red和200px就是对应的属性值1和属性值2,如果顺序出错,是没有效果的
总结:
在HTML开始标记中,可以通过 属性=“属性值”的方式为标记添加属性,其中“属性”和“属性值”是以“键值对”的形式出现的
1.title
一个HTML文档只能含有一对<title></title>标记,<title></title>之间的内容将显示在浏览器窗口的标题栏中。
基本语法格式:
<title>网页标题名称</title>
2.meta
meta定义页面元信息:
设置网页关键字》》》<meta name=”keywords” content=”JAVA、php”/>
设置网页描述》》》<meta name=”description” content=”IT培训教育”/>
设置网页作者》》》<meta name=”author” content=”传智播客”/>
设置字符集》》》<meta http-equiv=”Content-Type” content=”text/htm; charset=utf-8l”/>
设置页面自动刷新与跳转》》》<meta http-equiv=”refresh” content=”10;url=http://www.itcast.cn”/>
3.link
基本语法格式:
<link 属性=”属性值” />
属性名 | 常用属性值 | 描述 |
href | URL | 指定引用外部文档 |
rel | stylesheet | 指定当前文档与引用外部文档的关系,该属性值通常为stylesheet,表示定义一个外部样式表 |
type | text/css | 引用外部文档的类型为CSS |
type | text/javascript | 引用外部文档的类型为JavaScript脚本 |
4.style
基本语法格式:
<style 属性=”属性值”>样式内容</style>
在HTML中使用style标记时,常常定义其属性为type,相应的属性值为text/css,表示使用内嵌式的CSS样式
*请认真填写需求信息,我们会在24小时内与您取得联系。