HTML是什么?
HTML,全称“Hyper Text Markup Language(超文本标记语言)”,它是制作万维网页面的标准语言。
HTML不是一门编程语言,而是一门描述性的标记语言。HTML最基本的语法如下:
<标签>内容</标签>
下面来介绍HTML的结构:
一个HTML文档由4个基本部分组成:
① 一个文档声明:
声明这是一个HTML文档。
② 一个html标签对:标签的作用相当于设计者在告诉浏览器,整个网页是从这里开始的,然后到结束。
③ 一个head标签对:head标签是页面的“头部”,只能定义一些特殊的内容。
④ 一个body标签对:body标签是页面的“身体”,一般网页绝大多数的标签代码都是在这里编写。
1.标题标签:h标签 (h1——h6)从浏览器预览效果我们知道,标题标签的级别越高,字体越大。 例如
一条独占一行的横线,是个单闭合标签里面有color(设置颜色),width(设置宽度)属性
如图
在HTML中,使用p标签来标记一段文字。
换行标签
我们知道,段落标签p可以自动换行,那如果我们想随意地进行换行该怎么做呢 我们可以加入这个br单闭合标签
该标签可以将文本内容原样的输出,示例:
加粗标签:b
倾斜标签:i
下划线标签:u
下标标签:sub
上标标签:sup
这里不一一举例了,可以自己去尝试一下这些双标签。
空格----- ;是英文字符空格
&emsp;:是中文字符空格
and符:&
大于;<
小于;>
什么是超链接?
超链接的英文名是hyperlink,它能够让浏览者在各个独立的页面之间方便地跳转。每个网站都是由众多的网页组成,网页之间通常都是通过链接方式相互关联的。超链接的范围很广,可以将文档中的任何文字及任意位置的图片设置为超链接。超链接有外部链接、内部链接、电子邮件链接、锚点链接、空连接、脚本链接等。
超链接,可以说是网页中最常见的元素,随处可见。下面介绍如何使用超链接
a标签简介
a标签是非常常见而简单的标签。在HTML中,使用a标签来表示一个超链接。
语法:
说明:
href属性表示链接地址,也就是点击超链接之后跳转到的地址。
示例:
点击“百度一下”,就会跳转到百度首页。
下面介绍锚点链接:锚点链接是内部链接的一种,它链接对象是当前页面的某一个部分。
有些网页由于内容比较多,导致页面过长,访问者需要不停地拖动浏览器上的滚动条来查看文档中的内容,如下图。为了方便用户查看文档中的内容,在文档中需要建立锚点链接。
所谓的锚点链接,就是点击某一个超链接,它就会跳到当前页面的某一部分。用法如下图
这就是锚点链接的设置方法在顶部抛下锚点,然后在底部设置回到顶部这个链接,这样就能一键回到顶部了。总的来说锚点链接要设置两部分:一,是目标锚点的id名称;二是超链接部分。
|