首页 / 知识
最新零基础小白三天学会基础HTML
2023-04-11 13:51:00

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名称;二是超链接部分。
|
最新内容
相关内容
pythonnan是什么
pythonnan是什么,培训,系统,电脑,无穷大,个数,类型,定义,操作系统,以上,表示,NaN是浮点数的一个值,代表“不是数”,通常是除0错误python中可以pythonpython是什么类型的语言
pythonpython是什么类型的语言,培训,系统,教育,软件,电脑,代码,简介,人工智能,类型,语言,python是一种面向对象、解释型、动态类型计算机程序pythonlauncher是什么
pythonlauncher是什么,系统,培训,位置,工具,版本,以上,范围内,小字,不同于,全局,什么是PythonLauncher?以下是官方文档给出的解释Newinversiopythonimport是什么
pythonimport是什么,培训,项目,代码,环境,多地,语句,模块,定义,声明,文件,本文讲解一下python中的import语句。刚刚接触这门语言的朋友可能并python单下划线是什么意思
python单下划线是什么意思,培训,方法,属性,类型,实例,前面,定义,表示,以上,存在,python单下划线是什么意思1、说明Python和Golang一样,不光类pythonpyenv是什么
pythonpyenv是什么,管理,管理系统,培训,环境变量,目的,程序,全局,路径,前面,原理,python中pyenv是什么1、说明pyenv主要用来对Python解释器进pythonUTF-8编码是什么
pythonUTF-8编码是什么,代码,培训,软件,工作,数字,标准,字节,字符,汉字,字符串,pythonUTF-8编码是什么1、说明UTF-8编码,即“可变长的编码”。python内置作用域是什么
python内置作用域是什么,代码,培训,标准,功能,作用,变量,模块,函数,放入,外部,python内置作用域是什么1、说明它是通过一个标准模块叫做builtpythonbin是什么
pythonbin是什么,数字,代码,基础,概念,培训,函数,字符串,难点,初学者,语法,pythonbin是什么在二进制的使用上,一直是初学者遇到的难点之一。不pythontry是什么意思
pythontry是什么意思,异常,代码,信息,数字,培训,语句,程序,发生,整数,上层,pythontry是什么意思1、说明try这个关键字来捕获异常。在程序开发pythonsys模块是什么
pythonsys模块是什么,概念,名称,环境,培训,操纵,模块,函数,参数,文件,变量,pythonsys模块是什么1、说明Python的sys模块提供了一个接口来访问pythonctypes是什么
pythonctypes是什么,数据,概念,培训,字符串,语言,文件,之间,程序,原位,算法,pythonctypes是什么1、概念ctypes是一个自Python2.5开始引入的,Py