一起学习网,一个一起免费的网络建站教程资源共享和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简介

今日话题更多>

  • 黑人小伙创业收购废旧轮胎实现梦 黑人小伙创业收购废旧轮胎实现梦 不要在乎他人在面前怎样看你说你,因为这些言语改动不了现实,却或许搅乱你的心。心假如乱了,统统就都乱了,了解你的人,不需要注释。人贵在大气,要学会对本人说,假如这……
  • 移动网盟推广视频教程 移动网盟推广视频教程 第一课、认识移动网盟 a.移动网盟竞价,赚钱的又一个利器 b.搜索竞价和网盟的联系与区别 c.60家优质网站联盟 d.25个大行业,115细分小行业 e.精准定向方式(5大定向) 第二课……
  • 百度竞价推广教程视频下载 百度竞价推广教程视频下载 百度竞价对于很多希望快速扩大业务的公司来说越来越重要了,所以针对这个岗位的需求也越来越大,学习竞价的人也越来越多,现在网上关于百度竞价的教程很多,但似乎都比较偏……

黑帽学习 更多 >>

  • WebShell的渗透和攻防WebShell的渗透和攻防
    WebShell就是以asp、php、jsp或者cgi等网页文件形式存在的一种命令执行环境,也可以将其称做为一……
  • 黑客基础知识与技能视频教程黑客基础知识与技能视频教程
    1.黑客历史文化介绍(上) 2.黑客历史文化介绍(中) 3.黑客历史文化介绍(下) 4.黑客基本知识讲解 5.……
  • dos命令和脚本入侵教程dos命令和脚本入侵教程
    1.DOS命令简介及常用DOS命令介绍(上) 2.DOS命令简介及常用DOS命令介绍(下) 3.Ping命令介绍及使用……
  • 黑客视频教程3黑客视频教程3
    50 堆栈和堆缓冲区溢出比较-001 51 堆栈和堆缓冲区溢出比较-002 52 堆栈和堆缓冲区溢出-003 53 ……
  • 黑客视频教程2黑客视频教程2
    26 ShellCode的基本概念 27 打开CMD的方法-1 28 打开CMD的方法-2 29 打开CMD的方法-3 30 打开CMD……
  • 黑客视频教程1黑客视频教程1
    01 ping命令的使用 02 netstat命令的使用 03 tasklist和taskkill的使用 04 扫描器X-SCAN的使用(……
  • WEBSHELL介绍及应用,中国菜刀教WEBSHELL介绍及应用,中国菜刀教
    这节课讲webshell,webshell被站长常常用于网站管理、服务器管理等等,根据FSO权限的不同,作用……
  • php快照劫持和php快照劫持源码php快照劫持和php快照劫持源码
    第一节讲了asp劫持的方法,这节课来说下php劫持的方法,直接来看一下php劫持的代码是什么样的。 ……
  • ASP快照劫持方法,如何快照劫持ASP快照劫持方法,如何快照劫持
    今天讲第一课,asp劫持,我们看下这个网站,他的网址是这个,但是我们一打开,他的网址跳转了。……
  • 渗透技术攻防高手渗透技术攻防高手
    第一课:创建安全测试环境.zip 第二课:利用代理猎手寻找代理.rar 第三课:利用MultiProxy自动设……