一起学习网,一个一起免费的网络建站教程资源共享和seo教程、黑帽教程学习交流的学习网站,www.17xuexiwang.com,一起学习,共同进步!

html常用标签

时间:2017-09-23 10:26   文章来源:一起学习网   访问次数:

随着计算机网络的迅速发展,利用Internet上的网站、和精美的网页来吸引浏览者的目光,不再是一个孤立的问题,它成为了大家共同关注的目标。《html》课程涉及到的内容有网页架设、网页编辑、多媒体元素插入、层叠样式表的使用、表单元素的添加、表格的绘制等多方面的知识,具有很强的先进性;它是计算机应用、电子商务、计算机网络、计算机软件等专业的一门基础课程。

HTML(Hyper Text Markup Language),中文通常称作超文本标记语言)是一种文本类解释执行的标记语言,它是Internet上用于编写网页的主要语言。

相信同学们都有过上网冲浪的经历,打开浏览器并在地址栏中输入一个网站的地址,就会展示出相应的网页内容了。网页中可以包含很多种类型的内容作为网页的元素,其中最基本的网页元素是文字,此外还包括静态的图形和动画,以及声音和视频等其他形式的多媒体文件。所有我们所看到的网页内容,都是通过HTML来展现的。本章将从HTML的基本知识开始,力图深人浅出地向学生介绍什么是HTML,以及如何运用HTML来设计网页。

HTML 不是一种编程语言,而是一种标记语言 (markup language)。

HTML 使用标记标签来描述网页。

html由元素和标签组成,其中元素包括title、html、head、body、img等等。标签分为单标签和双标签。

在网页的标志对之间,我们经常见到这样一些代码:

meta name="keywords" content="study,computer"

用来标记搜索引擎在搜索你的页面时所取出的关键词

meta http-equiv="Content-Type" content="text/html; charset=utf-8"

用来标记你的页面的解码方式

meta name="Description" content="This is an school"

用来标记网页描述内容,搜索引擎在搜索页面时可以取出该内容

标题标签,分为h1-h6六个级别,字体大小逐级减小。

h1标签到h6标签

段落标签,由p组成的双标签,用于文章段落。水平线的标签 hr,换行标签 br。

列表标签(无序)

列表是一种非常有用的数据排列方式,它以列表的形式来显示数据。HTML列表分无序列表、有序列表和定义列表。默认情况下,无序列表的项目符号是ul,而通过list-style属性可以调整无序列表的项目符号,避免列表符号的单调。

无序列表实例

有序列表ol,定义列表dl、dt、dd

有序列表和自定义列表实例

超链接(概念/内部/外部)a标签有href name target三个属性,其中target中_self 在当前页面中打开链接;_blank,在一个全新的空白窗口中打开链接。

路径(相对/绝对)

大家都知道,在我们平时使用计算机时,要找到需要的文件就必须知道文件的位置,而表示文件的位置的方式就是路径,例如只要看到这个路径:c:/website/img/photo.jpg我们就知道photo.jpg文件是在c盘的website目录下的img子目录中。类似于这样完整的描述文件位置的路径就是绝对路径。

所谓相对路径,顾名思义就是自己相对与目标位置。

相对路径:

./当前目录

../上级目录

../../上两级目录

/跟目录

图像标签、图像格式该标签属性

src 图像地址 source,alt 图片由于其他原因丢失提示信息,title 鼠标滑过图片提示信息

上标标签、下标标签:

上标sup

9*9=81,9sup2/sup=81

下标sub

例如硫酸分子式 H2SO4,Hsub2/subSOsub4/sub

上下标签

div标签和span标签

简单而言是一个区块容器标签,即两个div之间相当于一个容器,可以容纳段落、标题、表格、图片乃至章节、摘要和备注等各种HTML元素。可以把两个div之间内容视为一个独立的对象,用于以后学习的CSS的控制。声明时只需要对div进行相应的控制,其中各种标签元素都会随之改变。div是一个通用的块级元素,它包围的元素会自动换行。用它可以容纳各种元素,从而方便排版。

span

该标签是一个行内元素(inline elements),在它的前后不会换行。

该标签可以包含于div标签中,成为它的子元素,而反过来则不成立,即span标签不能包含div标签。

上一篇:html简介编码问题
下一篇:css简介

今日话题更多>

  • html常用标签 html常用标签 随着计算机网络的迅速发展,利用Internet上的网站、和精美的网页来吸引浏览者的目光,不再是一个孤立的问题,它成为了大家共同关注的目标。《html》课程涉及到的内容有网页……
  • css选择器 css选择器 【css获得对象的几种方式、选择器】 Css选择器使用。获得css样式对象过程就是选择的一个过程。 1、 通过id来获得id选择器(唯一标识选择器) Id:identify 确认、标识。类似每……
  • cssdiv网页制作实例视频教程 cssdiv网页制作实例视频教程 非常经典的一部div+css网页制作视频教程,以下是视频目录,喜欢的可以下载学习 第一课.css的初始化详细设置1 第一课.css的初始化详细设置2 第二课.div+css布局开始 第三课.……

黑帽学习 更多 >>