HTML语言知识
html语法基础
HTML(HyperText Markup Language)是一种用于构建网页的标记语言。
以下是HTML语法的一些基础知识:标签(Tags): HTML使用标签来定义文档中的元素。
标签通常是成对出现的,包括一个开始标签和一个结束标签。
开始标签用尖括号(<)和结束标签用尖括号和斜杠(</)来表示,例如:<tagname>内容</tagname>。
元素(Elements): 元素由标签、内容和属性组成。
标签定义元素的类型,内容是元素的文本或其他嵌套元素,属性为元素提供额外的信息。
例如:<p class="paragraph">这是一个段落。
</p>,其中"p"是标签,"class"是属性,"paragraph"是属性值,"这是一个段落。
"是内容。
属性(Attributes): 属性为HTML元素提供额外的信息或配置。
属性通常包含在开始标签中,并使用键值对的形式表示,例如:<tagname attribute="value">。
标题(Headings): 标题标签用于定义网页的标题,从<h1>到<h6>共有六个级别,其中<h1>是最高级别的标题。
段落(Paragraphs): 段落标签(<p>)用于定义段落。
超链接(Hyperlinks): 超链接标签(<a>)用于创建指向其他页面、文件或位置的链接。
链接可以通过href属性指定目标。
图像(Images): 图像标签(<img>)用于插入图像。
图像标签通常包含src属性来指定图像的文件路径。
列表(Lists): 有序列表和无序列表用于表示项目的列表。
有序列表使用<ol>标签,无序列表使用<ul>标签,每个列表项使用<li>标签。
HTML知识点
HTML基础知识一、什么HTML超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。
二、HTML能干什么您可以使用HTML 来建立自己的WEB 站点,HTML 运行在浏览器上,由浏览器来解析。
三、HTML长什么样子•<!DOCTYPE html>声明为HTML5 文档•<html>元素是HTML 页面的根元素•<head>元素包含了文档的元(meta)数据,如<meta charset="utf-8">定义网页编码格式为utf-8。
•<title>元素描述了文档的标题•<body>元素包含了可见的页面内容•<h1>元素定义一个大标题•<p>元素定义一个段落四、HTML都包含那些标签五、HTML实例1)我的第一个网页2)注释标签:对代码进行说明<!--单行注释,也可以对多行文字进行注释-->3)常用格式标签<b>加粗</b><i>斜体</i><u>下划线</u><s>删除线</s><p>段落标签</p><hr>:分割线<br>:换行<sup>上标</sup><sub>下标</sub><pre>保留当前格式样式</pre><strong>(粗字体)强调文本</strong> 4)标题标签5)列表标签6)超链接:7)分隔窗口8)块级元素和行内元素块级元素:凡是默认自动占满网页整行的元素(自动换行),称为块级元素<hr> <p> <h1>-<h6> <div> <ul> <li> <dl> <dt> <dd> <table> <pre> <tr> ...行内元素:不能占满网页整行的元素<font> <img> <span> <a> <b> <br> <buttom> <i> <span> <sub> <sup> <select> ...9)表格标签tr:行;td:单元格10)表单元素:11)多行文本域。
初识html语言
标记成对
<title>认识html</title>
网页标题:<title>网页标题内容</title>
3、html标记格式
1.
围堵标记
<标记>„</标记>
<title>认识html</title>
<标记 属性名=“属性值”„>„</标记>
<font size="6" color="#FF0000" > hello</font>
2.
单标记
<标记> <标记 属性名=“属性值”„>
<br> <img border="0" src="1.gif">
4、html文档的基本结构
<html> <head>
←表示html文件的开始
<title>welcome</title>
</head> <body>
文档头,文档相关属性
<p><font face="隶书" size=“7" color="#0000FF">hello</font></p> 文档体,网页的内容 <p><img border="0" src="1.gif" width="238" height="201"></p> <p><at; </body> </html>
HTML
超文本标记语言是标准通用标记语言下的一个应用,也是一种规范,一种标准,它通过标记符号来标记要显 示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显 示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据 标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通 过显示效果来分析出错原因和出错部位。但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相 同的解释,因而可能会有不同的显示效果。
相关要求
在编辑超文本标记语言文件和使用有关标记符时有一些约定或默认的要求。 HTML
谢谢观看
万维网(world wide web,简称www)上的一个超媒体文档称之为一个页面(外语:page)。作为一个组 织或者个人在万维网上放置开始点的页面称为主页(外语:Homepage)或首页,主页中通常包括有指向其他相 关页面或其他节点的指针(超级链接),所谓超级链接,就是一种统一资源定位器(Uniform Resource Locato......
自1990年以来,HTML就一直被用作万维网的信息表示语言,使用HTML描述的文件需要通过web浏览器显 示 出 效 果 。 H T M L 是 一 种 建 立 网 页 文 件 的 语 言 , 通 过 标 记 式 的 指 令 ( Ta g ) , 将 文 字 , 图 形 、 动 画 、 声 音 、 表 格 、 链 接、影像等内容显示出来。事实上,每一个HTML文档都是一种静态的网页文件,这个文件里面包含了HTML指 令代码,这些指令代码并不是一种程序语言,只是一种排版网页中资料显示位置的标记结构语言,易学易懂,非 常简单。HTML的普遍应用就是带来了超文本的技术―通过单击鼠标从一个主题跳转到另一个主题,从一个页面 跳转到另一个页面,与世界各地主机的文件链接超文本传输协议规定了浏览器在运行HTML文档时所遵循的规则 和进行的操作。HTTP的制定使浏览器在运行超文本时有了统一的规则和标准。
HTML语言
作用是回应给浏览者一些有 用的信息,以帮助正确和精 确的显示网页内容。常用的 属性包括:content-type(设 定页面所用的字符集)、 refresh(让这个网页在指定的 时间内跳转到指定网页,如 果在时间后面没有指定跳转 的网页,则起到让网页自动 刷新的作用。)、pageenter/page-exit(设定进入和 离开页面时的特殊效果)。
页面标记
<html>标记分为两部分:<head>和<body>。
页面标记
2、<head>标记
<head>标记是头部信息标记,它定义文档 的首部。 <head>标记用来说明文件的相关信息,如: 文件的标题、作者、编写时间、搜索引擎可 用的关键字等。
<head>标记的内容不在浏览器中显示。
列表标记
1、<ol>和<li>标记——有序列表标记
<ol>标签标识一个有序列表的开始。 <li>标签用来定义有序列表项。 <ol>和<li>标签必须相互配合使用,格式为:
<ol> <li>***</li> <li>***</li> …… </ol>
例:
列表标记
有序列表除了默认的阿拉伯数字外,还有其 它的排序方式。 <ol>标签的属性有:
页面标记是描述页面整体结构与性质的标 记,用来定义页面的整体属性。如标题、背 景颜色等。 页面标记有:<html>、 <head>、 <title>、 <meta> 、 <body>、 注释标记<!--和-->。
html基础知识
HTML 基础知识培训一、HTML入门HTML英语意思是:Hypertext Marked Language,即超文本标记语言,是一种用来制作超文本文档的简单标记语言。
用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台(如UNIX,WINDOWS等)。
自1990年以来HTML就一直被用作World Wide Web 的信息表示语言,用于描述Homepage的格式设计和它与WWW上其它Homepage 的连结信息。
使用HTML语言描述的文件,需要通过WWW浏览器显示出效果。
所谓超文本,因为它可以加入图片、声音、动画、影视等内容,因为它可以从一个文件跳转到另一个文件,与世界各地主机的文件连接。
过HTML可以表现出丰富多彩的设计风格图片调用:<img src="路径/文件名">文字格式:<font size="+5 " color="00FFFF">文字</font>通过HTML可以实现页面之间的跳转页面跳转:<a href="" title="" target="_blank">超级链接</a>通过HTML可以展现多媒体的效果音频、视频、动画上面我们在示例超文本特征的同时,采用了一些我们在制作超文本文件时需要用到的一些标签。
所谓标签,就是它采用了一系列的指令符号来控制输出的效果,这些指令符号用“<标签名属性=”值”></标签名>”来表示。
二、HTML的基本结构超文本文档分文档头和文档体两部分,在文档头里,对这个文档进行了一些必要的定义,文档体中才是要显示的各种文档信息。
<html><head>头部信息</head><body>文档主体,正文部分</body></html>其中<HTML>在最外层,表示这对标记间的内容是HTML文档。
HTML基础知识
2.4 HTM L标记
2.图像标记<IMG>
在HTML中,使用IMG标记在网页中加入图像。它具有 两个基本属性src和alt,分别用于设置图像文件的位置和替 换文本。
上一页 下一页 返回
2.4 HTM L标记
2.4.6超链接标记
1.相对地址与绝对地址 URL 统一资源定位符,也被称为网页地址,是表示互联
上一页 下一页 返回
2.4 HTM L标记
2.4.3文本标记
1.<FONT> <FONT>标记用于控制网页上文字的字体,大小和颜色。
控制方式是利用属性设置得以实现的。 2.特殊符号
某些字符在HTML中具有特殊意义,如小于号(<)即定 义HTML标记的开始。这个小于号是不显示在最终看到的网 页单的。那如果希望在网页中显示一个小于号,该怎么办呢? 要在浏览器中显示这些特殊字符,就必须在HTML文档中使 用字符实体。
在<TD>和<TH>标记内使用colspan的取值表示水平 方向上合并的列数。
上一页 下一页 返回
2.4 HTM L标记
2.4.8表单标记
1.表单元素 <FORM>标记:用于在网页中创建表单区域,属于一
个容器标记,表示其他表单标记需要在它的包围中才有效。 其属性介绍如下。 action用来设置接收和处理浏览器递交的表单内容的服务器程 序的URL。 method:此属性告诉浏览器如何将数据发送给服务器,它指 定向服务器发送数据的方法(用POST方法还是用GET方法)。
上一页 下一页 返回
2.4 HTM L标记
2.4.10脚本标记
有时,网页中的一些特殊效果击要加入脚本语言才能够 实现,脚本语言是一种简化的编程语言,它可以生成许多的 网页特效,如滚动的文字、雪花效果、波浪效果等。‘常用 的脚本语言有3种,分别是JavaScript, VBScript和 Jscript。其中JavaS cript是IE不II Navigator都完全 支持的脚本语言,所以使用得最广泛。
第2章 HTML语言基础
2.1.2 HTML文件
【例2-1】简单的HTML文件。 <HTML> <HEAD> <TITLE> 简单的HTML文件 </TITLE> </HEAD> <BODY> 最简单的网页 </BODY> </HTML>
17
2.2 HTML语言的段落、超链接、图片标记
2.2.1 简单标记的认识与使用
表2-2 16种标准颜色
23
2.2.1 简单标记的认识与使用
例2-2 使用网页的背景色(bgcolor)属性,可以设定整个 网页的背景颜色;使用网页的文本色(text)属性,可以设 定整个网页文字的颜色。 <HTML> <HEAD> 这是主体之外的文本 <TITLE> 试试BODY标记的属性 </TITLE> </HEAD> <BODY bgcolor=greenyellow text=blue>
就其本质而言,是一个基于文本的编码标准,用于指示浏
览器以什么方式显示信息。 HTML是一种用于网页制作的排版语言,是Web最基本的构 成元素。HTML并非一种编程语言。 组成HTML的“命令”就是标记,它用符号“<”和“>”括起
来。
3
2.1.1 HTML概述
2. HTML的作用
① 格式化文本。 ② 建立超链接。
注意: ①并不是所有的标记都有属性,如换行标记<BR>。 ②根据需要可以用该标记的所有属性,也可以只用 需要的几个属性,在使用时,属性之间没有顺序。多 个属性之间用空格隔开。 属性和标记一样,都不区分大小写。但为了阅读方 便,本书用大写字母表示标记,小写字母表示属性。
HTML初级知识点总结,最详细的总结
HTML超文本标记语言,一种规范预定义,已经定义好的各种标记,只需要我们把对应的标记放到合适的位置一. HTML基本语法与基本结构(重点)标记的使用1、标记一般成对出现,包含开始标记和结束标记2、标记可以嵌套使用,但是不能交叉使用3、标记不区分大小写属性的使用(属性控制内容的格式,额外的格式)1、书写位置在开始标记中2、格式:属性名=“属性值",多个属性之间使用空格分割3、不同的标记属性可能相同也可能不同4、属性使用的标记中,只能对本标中的内容记产生影响5、属性不冲突时,效果叠加,属性冲突时,就近原则html的基本结构〈html>-—--声明网页〈head〉———-网页的头部信息<title〉标题〈/title〉—---网页的标题</head><body〉—---网页的主体,网页内容主要展示的部分网页的主要内容</body>〈/html〉二. 文本格式的应用1、标题标记<hn>,n的取值1-6,1级标题最大效果:加粗显示,带有自动换行属性:align控制标题的对齐方式,取值left(左对齐,默认值)|center(居中)|right (右对齐)2、段落标记<p〉效果:把内容分段展示,自动换行属性:align,控制段落内容的对齐方式,取值left(左对齐,默认值)|center(居中)|right(右对齐)3、换行符〈br /〉,单标记,不需要结束标记,换行但不分段空格符号: 表示一个空格强制换行符:<br /〉4、水平线标记<HR />,单标记效果:水平线,默认是一个粗细为2px(像素)的线条属性:size 控制水平线的粗细,取值为整数,单位为像素(px)width 控制水平线的长度,取值可以是像素单位,也可以是百分数(相对于浏览器窗口百分比)noshade设置水平线不带有阴影,该属性不需要取值color 设置水平线的颜色,取值可以是英文的颜色值,也可以是十六进制的颜色代码align 控制水平线的对齐方式,取值left(左对齐)|center(居中,默认值)|right(右对齐)5、分节标记<div〉效果:把内容设置为一节,前后带有自动换行属性:align控制div中内容的对齐方式,取值left(左对齐,默认值)|center(居中)|right(右对齐)6、居中标记符<center>效果:把center标记中的内容居中显示7、文本控制标记<font>效果:控制字体的各种显示样式属性:size 控制字体的大小,取值为绝对值时,1--7,数字越大字体越大,取相对值时,参考的是默认字体(3号),取值在-2-—+4之间color 控制字体的颜色face 控制字体的字体,取值可以是多个值,多个值之间使用逗号分割,取值时从左往右依次取值,找到合适的值为止,假如都不支持,使用默认格式显示8、字体的物理样式加粗:<b>斜体:〈i>下划线:〈u〉删除线:<s〉上标:<sup〉下标:〈sub>1、常用逻辑字符〈ADDRESS〉网页设计者或维护者的信息,通常显示为斜体<CITE> 表示文本属于引用,通常显示为斜体<CODE〉• 表示程序代码,通常显示为固定宽度字体<DFN> • 表示定义了的术语,通常显示为黑体或斜体〈EM> 强调某些字词,通常显示为斜体〈KBD〉表用户的键盘输入,通常显示为固定宽度字体〈SAMP> 表示文本样本,通常显示为固定宽度字体〈STRONG〉特别强调某些字词,通常显示为粗体<VAR> 表示变量,通常显示为斜体2、列表标记1、有序列表,〈ol〉,需要配合〈li>标记使用一个<li>标记对应一个选项ol的属性:type 控制列表的符号样式,取值1|A|a|i|I,默认是1start 控制列表的起始值,取值为任意的整数li的属性:type控制选项自身的符号样式,取值1|A|a|i|Ivalue控制选项本身的起始值,取值为任意整数,但是修改自身起始值之后,会对同一个列表中本选项之后的同级<li〉标记产生影响2、无序列表,<ul>,配合<li>标记使用一个<li>标记对应一个选项ul的属性:type 控制所有选项的符号样式,取值disc(实心圆,默认值)|circle(空心圆)|square(方块)li的属性:type控制选项本身的符号样式li标记用在ol中,type属性的取值跟ol的type属性取值走,用在ul中,跟着ul的type属性取值走3、定义列表,<dl〉,完成对定义列表的声明<dt>,术语标记,可以理解为类似于列表选项的标题使用〈dd>,描述标记,可以理解为类似于列表的选项使用三. 在网页中使用图片标记:〈img>,单标记,不需要结束标记属性: src 引入图片资源的路径绝对路径:资源在服务器上的位置,该位置是从盘符出发相对路径:资源在服务器上的相对位置,从网页本身出发.。
html-知识
<head>
<title> </title>
头
<base> </ base >
标
<link> </ link>
记
<meta> </ meta>
<style> </ style >
</head>
<body>
正文
</body>
</html>
主 体 标 HTML文件标记 记
第3页,共100页。
HTML标记分类
页面元素 </body>
第13页,共100页。
Body 部分
属性: bgcolor background text link
alink
vlink
leftmargin topmargin
背景色 背景图案 一般文本颜色 链接文字颜色
活动链接文字颜色
已访问链接文字颜色
页面左侧的留白距离 页面顶部的留白距离
第6页,共100页。
Head 部分
元素 title
meta
link
script
style
HEAD部分包含的主要元素 描述
文档标题
描述HTML元信息
描述当前文档与其它文档之间的链接关系
脚本程序内容
指定CSS样式表
第7页,共100页。
Head 部分
title元素
语法格式:<title>文档标题</title> 如:<title>温州大学首页</title>
图片文件的地址 图片的说明文字
HTML语言大全完整版
3.0 表格标题占几栏 <TH COLSPAN=?>
3.0 表格标题占几列 <TH ROWSPAN=?>
N1.1 表格标题宽度 <TH WIDTH=?> (以pixels为单位)
N1.1 表格标题比率宽度<TH WIDTH=%> (页宽为100%)
设定锚点 <A NAME='***'></A>
图形 <IMG src='/URL'>
图形看齐方式 <IMG src='/URL' ALIGN=TOP|BOTTOM|MIDDLE>
图形看齐方式 <IMG src='/URL'
ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM>
3.0 储存格纵向连接 <TD ROWSPAN=?>
N1.1 储存格宽度 <TD WIDTH=?> (以pixels为单位)
N1.1 储存格宽度比率 <TD WIDTH=%> (页宽为100%)
3.0 表格标题 <TH></TH> (跟<TD>一样,不过会对中并加粗)
3.0 表格标题对齐 <TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
变数 <VAR></VAR>
定义 <DFN></DFN> (有些浏览器不提供)
超文本标记语言(html)的基础知识
超文本标记语言(html)的基础知识超文本标记语言,即HTML(HyperText Markup Language),是一种用于创建网页和其他可在web浏览器中查看的信息的标准标记语言。
在这里,我们将初步介绍HTML的基础知识,包括HTML的定义、语法和一些常用的标签。
一、HTML的定义HTML是一种标记语言,它使用标记来创建网页的各个部分。
在HTML文档中,标记用于指示文本的结构和格式。
HTML文档包含视觉元素,例如标题、段落、列表、链接、图像和表格。
二、HTML的语法HTML文档由标签和内容组成。
标签告诉浏览器如何呈现文本。
标签通常成对出现,包围文本。
打开标记以开始效果,关闭标记以结束效果。
标签通常按照以下格式编写:<标记>内容</标记>三、HTML的常用标签1. 标题标签:用于定义HTML文档中的标题。
HTML中有六个级别的标题:<h1>到<h6>,其中<h1>是最大的标题。
2. 段落标签:用于定义HTML文档中的段落。
<p>标签用于标记段落的开始和结束。
3. 链接标签:用于在HTML文档中创建链接。
<a>标签可以将文本链接到其他网页、文件、电子邮件地址等。
4. 图像标签:用于将图像插入HTML文档。
<img>标签按以下格式编写:<img src="image.jpg" alt="图像" width="500" height="500">5. 列表标签:用于创建有序和无序列表。
<ul>标签用于创建无序列表,<ol>标签用于创建有序列表。
6. 表格标签:用于在HTML文档中创建表格。
<table>标签用于定义表格,<tr>标签定义表格行,<td>标签定义表格单元格。
第03章 HTML语言
<标记 style=“属性1:属性值1;属性2:属性值2 …”> 可以用于任何一个 受影响的内容 标记 </标记>
<p style=“text-align:center;color:red;font-size=12px”> html的基本概念 </p>
HTML语言 29
HTML颜色
颜色的表示,有两种方法:
HTML语言 23
实例2-5 有序列表
在有序列表中,每 个列表项前标有数 字,表示顺序。
HTML语言
24
(2)无序列表定义
要使用无序列表标记<ul>…</ul>和列表项标记 <li>…</li> 语法如下: <ul> <li>list item1</li> <li>list item2</li>
HTML语言
颜色 红色 栗色 银白色 橄榄绿 黄色 蓝色 紫红色 暗蓝绿
12
<body>标记
(2) bgcolor属性——设定网页的背景色 (3) link、alink、vlink属性——设定超级链接在不同状态的颜色
link:指定html文档中访问之前的超链接的颜色 alink: 指定html文档中正在按下的超链接的颜色。 vlink: 指定html文档中访问之后的超链接的颜色 若body属性中不指定,则使用默认值,分别为:
HTML语言 32
返回
7、div和span
都是用于定义容器 P22 <div>…</div>:块容器,其默认的状态就是占据整个一行
<span>…</span>:行间容器,其默认状态是行间的一部分,
HTML语言基础
3.水平线标记<hr> 水平线是在网页上划出一条水平的分割线,用<hr>来标记 水平线。语法格式为: <hr align=left/center/right noshade size=? width=? color=?> Align:设置水平线的对齐方式。对齐方式有左对齐,居 中,右对齐三种。 noshade: 用来去除线段阴影。 Size:设置水平线的高度,以像素为单位。 Color:设置水平线的颜色。 Width:设置水平线的宽度,单位是像素或百分比,像素 是绝对大小,不会随着程序窗口的大小而改,百分比是相对于 程序窗口水平线所占的比例,会随着程序窗口的大小而改变。
4.3.2 使用背景图像 语法格式为: 语法格式为:
<body background = “url”>…</body> url是指图片文件的路径。 <body>是文件体标签,用来标识文件体的起止,是每个 HTML文件的主体部分。它有三个参数:text、bgcolor、 background.其中,text用来设置WEB页的文本色, bgcolor用 来设置背景色, background用来设置背景图像。 当bgcolor、background被设置后,背景色的效果不会显 示,除非浏览器在指定的路径下没有找到background中设置的 图片文件。 见案例9:背景文本颜色
4.1.1 HTML简介 HTML简介 1.围堵标记 . 格式: 格式: <标记 标记>……</标记 标记> 标记 标记 2.单标记 . 格式: 标记 标记> 格式:<标记 只有起始标记,没有结束标记。 只有起始标记,没有结束标记。最常用的单标记 它表示段内换行。 是<br>, 它表示段内换行。 3.标记属性 . 格式: 标记 属性1 属性2 属性3……> 格式:<标记 属性 属性 属性 各属性间无前后顺序,属性也可省略, 各属性间无前后顺序,属性也可省略,当省略属 性时取标记的默认值。 性时取标记的默认值。
HTML语言介绍
HTML语言介绍HTML(全称:HyperText Markup Language,超文本标记语言)是一种用于创建网页结构和内容的标记语言。
它是互联网世界中最基础的语言之一,为网页提供了结构、内容和样式描述,并与其他技术(如CSS和JavaScript)一起用于创建交互式和动态的网页。
HTML的设计初衷是为了便于共享文档,并在全球范围内互联网上共享信息。
HTML最早由物理学家蒂姆·伯纳斯-李(Tim Berners-Lee)开发,他是万维网的发明者之一、HTML的发展和演变始于1991年,到目前为止,已经发布了多个HTML版本,每个版本都带来了新的元素、属性和功能。
最新的HTML版本是HTML5,发布于2024年,它为开发者提供了更多更强大的功能和灵活性。
除了提供结构和内容描述,HTML还可以与其他技术配合使用,以创建动态和交互式的网页。
最常用的是CSS(层叠样式表),它用于定义网页的外观和样式。
通过CSS,开发者可以改变文字颜色、背景图像、元素排列和整体布局等。
另一个重要的技术是JavaScript,它是一种用于创建复杂的交互效果和动态内容的脚本语言。
通过JavaScript,开发者可以对网页进行事件处理、表单验证、动画效果等。
HTML的优点之一是它的易于学习和使用。
由于其简单和直观的语法,即使对于初学者来说,也可以很快掌握基础知识,并开始编写简单的网页。
此外,HTML是一种跨平台的语言,可以在各种不同的操作系统和设备上运行。
总结来说,HTML是一种用于创建网页结构和内容的标记语言。
它为开发者提供了一种简单、直观和跨平台的方式来共享信息和创建网页。
虽然HTML在一些方面存在局限性,但它仍然是互联网世界中最基本和重要的语言之一、随着技术的不断发展和HTML标准的更新,HTML将继续演变和提供更强大的功能,以满足日益增长的需求和创意。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
HTML文件看上去和一般文本类似,但是它比一般文本多了Tag,比如<html>,<b>等,通过这些Tag,可以告诉浏览器如何显示这个文件。
Tag –标签
HTML元素(HTML Elements)
∙HTML元素(HTML Element)用来标记文本,表示文本的内容。
比如body, p, title 就是HTML元素。
∙HTML元素用Tag表示,Tag以<开始,以>结束。
∙Tag通常是成对出现的,比如<body></body>。
起始的叫做Opening Tag,结尾的就叫做Closing Tag。
∙目前HTML的Tag不区分大小写的。
比如,<HTML>和<html>其实是相同的。
HTML元素(HTML Elements)的属性
HTML元素可以拥有属性。
属性可以扩展HTML元素的能力。
比如你可以使用一个bgcolor属性,使得页面的背景色成为红色,就像这样:<body bgcolor="red">
再比如,你可以使用border这个属性,将一个表格设成一个无边框的表格。
如下:<table border="0">
属性通常由属性名和值成对出现,就像这样:name="value"。
上面例子中的bgcolor, border就是name,red和0就是value。
属性值一般用双引号标记起来。
属性通常是附加给HTML的Opening Tag,而不是Closing Tag。
一些基础的HTML Tag
HTML里,比较基础的Tag主要用于标题,段落和分行。
学习HTML最好的方法,就是跟着示例学。
正文标题
这个示例告诉你如何在HTML文件里定义正文标题。
HTML用<h1>到<h6>这几个Tag来定义正文标题,从大到小。
每个正文标题自成一段。
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
<h4>This is a heading</h4>
<h5>This is a heading</h5>
<h6>This is a heading</h6>
段落划分
在HTML里用<p>和</p>划分段落。
<p>This is a paragraph</p>
<p>This is another paragraph</p>
换行
通过使用<br>这个Tag,可以在不新建段落的情况下换行。
<br>没有Closing Tag。
用<p>换行是个坏习惯,正确的是使用<br>。
<p>This <br> is a para<br>graph with line breaks</p>
HTML注释
在HTML文件里,你可以写代码注释,解释说明你的代码,这样有助于你和他人日后能够更好地理解你的代码。
注释可以写在<!--和-->之间。
浏览器是忽略注释的,你不会在HTML正文中看到你的注释。
<!-- This is a comment -->
一些小建议
HTML文件会自动截去多余的空格。
不管你加多少空格,都被看做一个空格。
一个空行也被看做一个空格。
有些Tag能够将文本自成一段,而不需要使用<p></p>来分段。
比如<h1></h1>之类的标题Tag。
更多示例
HTML常用格式
HTML定义了一些文本格式的Tag,比如利用Tag,可以将字体变成粗体或者斜体。
从下面的示例,你可以了解各种文本格式Tag如何改变HTML文本的显示。
常用文本格式Tag
Tag Tag说明
<b> 粗体bold
<i> 斜体italic
<del> 文字当中划线表示删除
<ins> 文字下划线表示插入
<sub> 下标
<sup> 上标
<blockquote> 缩进表示引用
<pre> 保留空格和换行
<code> 表示计算机代码,等宽字体
粗体用b表示。
斜体用i表示。
这个词当中划线表示删除。
想唱就唱这个词下划线插入。
X2其中的2是下标
X2其中的2是上标
好好学习,天天向上。
这句话缩进表示引用
这是
预设(preformatted)文本.
在pre这个tag里的文本保留
空格和
分行。
call getOrders
用code显示计算机代码,code里显示的字符是等宽字符。