HTML基本语法,html基本语法标签有哪些?

HTML注释的基本语法

!--comment[%=expression%]-- !--Thispagewasloadedon%=(newjava.util.Date()).toLocaleString()%--在客户端的HTML源代码中显示为: !--ThispagewasloadedonJanuary1,2000--描述

这种注释和HTML中很像，也就是它可以在查看源代码中看到.

唯一有些不同的就是，你可以在这个注释中用表达式（例子2所示).这个表达式是不定的，由页面不同而不同，你能够使用各种表达式，只要是合法的就行。更多的请看表达式

//和/* */在html里也是常用的注释，但只能用在js和CSS语言,不对HTML语言起作用！

常用HTML语法有哪些？

1、 元素属性值必须包含在双引号中；

font color=”#000000” size=”3” face=”Arial”

2、 form 中必须加action属性，并且不能为空。

form action=”/r/add.cgi” method=”post”

如果不需要使用action属性，也必须定义：

form action=”no”

3、 img的alt属性不可以缺少；

img src="/q/img/btn_style.gif" border="0" alt="Select”

4、 head与/head之间必须有title；

head

……

titleyour title /title

……

/head

5、 tr、td必须定义在table之间；

6、 button按钮必须定义在form之间，否则netscape不支持；

form action=”……” method=”post”

input type=”button” name=”but” value=”back”

/form

7、 在javascript中的字符串中出现的“/”前要用转义符“\”：

script type=”text/javascript”

!—

function check(str) {

var str=”\/r\/add.cgi”;

……

}

--

/script

8、 onclick 属性必须和 onkeypress 成对写( onmousedown + onkeydown、onmouseup + onkeyup)

mm

9、 用URL传值时直接写是不可以的，可用替换：

四、缩近规则：

中,等必须保持严格的缩近规则，以"Tab"键为准：

五、为了检验您的HTML代码是否合法，您可以到W3的HTML Validator工具中进行检验，支持URI输入，上传文件和直接输入代码三种方式进行检验

HTML元素参考手册　表示超链接的起始或目的位置。

acronym

表示取首字母的缩写词。

address

表示特定信息，如地址、签名、作者、文档信息。

applet

在页面上放置可执行内容。

area

定义一个客户端图像映射中一个超级链接区域的形状、坐标和关联 URL。

b

指定文本应以粗体显示。（不建议使用）

base

指定一个显式 URL 用于解析对于外部源的链接和引用，如图像和样式表。

basefont

设置显示文本时作为默认字体的基础字体值。（不建议使用）

bdo

允许作者为选定文本片断禁用双向法则。

bgsound

使页面能够带有背景声音或配音。

big

指定所含文本要以比当前字体稍大的字体显示。

blockquote

表示文本中的一段引用语。

body

指明文档主体的开始和结束。

br

插入一个换行符。

button

指定一个容器，其中所含的 HTML 会被显示为一个按钮。

caption

表格的标题，对表格的简单描述。

center

将指定文本和图像居中显示。（不建议使用）

cite

用斜体显示标明引文。（不建议使用）

code

表示代码范例。

col

说明基于列的表格缺省属性。

colgroup

说明表格中一列或一组列的缺省属性。

comment

表示不可见的注释。防止所包含的文本或者HTML源代码被浏览器解析和显示。

dd

在定义列表中表示定义。定义通常在定义列表中缩进显示。

del

表示文本已经从文档中删除。

dfn

表示术语的定义。（不建议使用）

dir

表示目录列表。（不建议使用）

div

表示一块可显示 HTML 的区域

dl

表示定义列表。

dt

在定义列表中表示定义术语。

em

强调文本，通常以斜体显示。

embed

允许嵌入任何类型的文档。

fieldset

在字段集包含的文本和其它元素外面画一个方框。

font

用于说明所包含文本的新字体、大小和颜色。

form

说明所包含的控件是某个表单的组成部分。

frame

在 FRAMESET 元素内表示单个框架。

frameset

表示一个框架集，用于组织多个框架和嵌套框架集。

head

提供了关于文档的无序信息集合。

h1-h6

这实际上是6个标签，他们以标题样式显示文本，h1最大，h6最小。

hr

水平线。

html

表明文档包含 HTML 元素。以上来自百度百科..你可以在百度搜索..HTML然后就会有一个HTML百科.进去你就可以了解到HTML元素的用法

HTTP协议规定了HTML语法

html基本结构、语法标准

1、html文档命名：

①、必须一小写英文字母开头、下划线、数字组合；

②、不能用汉字、空格、特殊字符(标点符号)；

③、文档后缀名：html/htm;

④、首页必须命名成index.html或index.htm(这主要是因为加超链接必须以此规则命名)html的语法（就是标准）：

1、内容文本标记（双标记）；

如：

2、(单标记)说明：

（1）写在中的第一个单词叫做标记、标签、元素名；（2）标记和属性用空格隔开，属性与属性值用”=“（等号）链接，属性值要写在""(双引号内)；

（3）一个标记可以没有属性也可以有多个属性，属性与属性之间部分先后顺{一个属性也可以有多个属性值（如：标记的id/class名可以取多个名；）}

（4）单标记没有结束标记，用"/"来代替结束；

html的基本语法格式是什么？包含了哪些内容。

HTML语法大全

! - - ... - - 批注

! 跑马灯

marquee.../marquee普通卷动

marquee behavior=slide.../marquee滑动

marquee behavior=scroll.../marquee预设卷动

marquee behavior=alternate.../marquee来回卷动

marquee direction=down.../marquee向下卷动

marquee direction=up.../marquee向上卷动

marquee direction=right/marquee向右卷动

marquee direction=left/marquee向左卷动

marquee loop=2.../marquee卷动次数

marquee width=180.../marquee设定宽度

marquee height=30.../marquee设定高度

marquee bgcolor=FF0000.../marquee设定背景颜色

marquee scrollamount=30.../marquee设定卷动距离

marquee scrolldelay=300.../marquee设定卷动时间

!字体效果

h1.../h1标题字(最大)

h6.../h6标题字(最小)

b.../b粗体字

strong.../strong粗体字(强调)

i.../i斜体字

em.../em斜体字(强调)

dfn.../dfn斜体字(表示定义)

u.../u底线

ins.../ins底线(表示插入文字)

strike.../strike横线

s.../s删除线

del.../del删除线(表示删除)

kbd.../kbd键盘文字

tt.../tt 打字体

xmp.../xmp固定宽度字体(在文件中空白、换行、定位功能有效)

plaintext.../plaintext固定宽度字体(不执行标记符号)

listing.../listing 固定宽度小字体

font color=00ff00.../font字体颜色

font size=1.../font最小字体

font style =font-size:100 px.../font无限增大

!区断标记

hr水平线

hr size=9水平线(设定大小)

hr width=80%水平线(设定宽度)

hr color=ff0000水平线(设定颜色)

br(换行)

nobr.../nobr水域(不换行)

p.../p水域(段落)

center.../center置中

!连结格式

base href=地址(预设好连结路径)

a href=地址/a外部连结

a href=地址 target=_blank/a外部连结(另开新窗口)

a href=地址 target=_top/a外部连结(全窗口连结)

a href=地址 target=页框名/a外部连结(在指定页框连结)

!贴图/音乐

img src=图片地址贴图

img src=图片地址 width=180设定图片宽度

img src=图片地址 height=30设定图片高度

img src=图片地址 alt=提示文字设定图片提示文字

img src=图片地址 border=1设定图片边框

bgsound src=MID音乐文件地址背景音乐设定

!表格语法

table aling=left.../table表格位置,置左

table aling=center.../table表格位置,置中

table background=图片路径.../table背景图片的URL=就是路径网址

table border=边框大小.../table设定表格边框大小(使用数字)

table bgcolor=颜色码.../table设定表格的背景颜色

table borderclor=颜色码.../table设定表格边框的颜色

table borderclordark=颜色码.../table设定表格暗边框的颜色

table borderclorlight=颜色码.../table设定表格亮边框的颜色

table cellpadding=参数.../table指定内容与网格线之间的间距(使用数字)

table cellspacing=参数.../table指定网格线与网格线之间的距离(使用数字)

table cols=参数.../table指定表格的栏数

table frame=参数.../table设定表格外框线的显示方式

table width=宽度.../table指定表格的宽度大小(使用数字)

table height=高度.../table指定表格的高度大小(使用数字)

td colspan=参数.../td指定储存格合并栏的栏数(使用数字)

td rowspan=参数.../td指定储存格合并列的列数(使用数字)

!分割窗口

frameset

cols="20%,*"左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整

frameset

rows="20%,*"上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整

frameset cols="20%,*"分割左右两个框架

frameset cols="20%,*,20%"分割左中右三个框架

分割上下两个框架

frameset rows="20%,*,20%"分割上中下三个框架

! - - ... - - 批注

A HREF TARGET 指定超级链接的分割窗口

A HREF=#锚的名称 指定锚名称的超级链接

A HREF 指定超级链接

A NAME=锚的名称 被连结点的名称

ADDRESS..../ADDRESS 用来显示电子邮箱地址

B 粗体字

BASE TARGET 指定超级链接的分割窗口

BASEFONT SIZE 更改预设字形大小

BGSOUND SRC 加入背景音乐

BIG 显示大字体

BLINK 闪烁的文字

BODY TEXT LINK VLINK 设定文字颜色

BODY 显示本文

BR 换行

CAPTION ALIGN 设定表格标题位置

CAPTION.../CAPTION 为表格加上标题

CENTER 向中对齐

CITE...CITE 用于引经据典的文字

CODE.../CODE 用于列出一段程序代码

COMMENT.../COMMENT 加上批注

DD 设定定义列表的项目解说

DFN.../DFN 显示"定义"文字

DIR.../DIR 列表文字卷标

DL.../DL 设定定义列表的卷标

DT 设定定义列表的项目

EM 强调之用

FONT FACE 任意指定所用的字形

FONT SIZE 设定字体大小

FORM ACTION 设定户动式窗体的处理方式

FORM METHOD 设定户动式窗体之资料传送方式

FRAME MARGINHEIGHT 设定窗口的上下边界

FRAME MARGINWIDTH 设定窗口的左右边界

FRAME NAME 为分割窗口命名

FRAME NORESIZE 锁住分割窗口的大小

FRAME SCROLLING 设定分割窗口的滚动条

FRAME SRC 将HTML文件加入窗口

FRAMESET COLS 将窗口分割成左右的子窗口

FRAMESET ROWS 将窗口分割成上下的子窗口

FRAMESET.../FRAMESET 划分分割窗口

H1~H6 设定文字大小

HEAD 标示文件信息

HR 加上分网格线

HTML 文件的开始与结束

I 斜体字

IMG ALIGN 调整图形影像的位置

IMG ALT 为你的图形影像加注

IMG DYNSRC LOOP 加入影片

IMG HEIGHT WIDTH 插入图片并预设图形大小

IMG HSPACE 插入图片并预设图形的左右边界

IMG LOWSRC 预载图片功能

IMG SRC BORDER 设定图片边界

IMG SRC 插入图片

IMG VSPACE 插入图片并预设图形的上下边界

INPUT TYPE NAME value 在窗体中加入输入字段

ISINDEX 定义查询用窗体

KBD.../KBD 表示使用者输入文字

LI TYPE.../LI 列表的项目 ( 可指定符号 )

MARQUEE 跑马灯效果

MENU.../MENU 条列文字卷标

META NAME="REFRESH" CONTENT URL 自动更新文件内容

MULTIPLE 可同时选择多项的列表栏

NOFRAME 定义不出现分割窗口的文字

OL.../OL 有序号的列表

OPTION 定义窗体中列表栏的项目

P ALIGN 设定对齐方向

P 分段

PERSON.../PERSON 显示人名

PRE 使用原有排列

SAMP.../SAMP 用于引用字

SELECT.../SELECT 在窗体中定义列表栏

SMALL 显示小字体

STRIKE 文字加横线

STRONG 用于加强语气

SUB 下标字

SUP 上标字

TABLE BORDER=n 调整表格的宽线高度

TABLE CELLPADDING 调整数据域位之边界

TABLE CELLSPACING 调整表格线的宽度

TABLE HEIGHT 调整表格的高度

TABLE WIDTH 调整表格的宽度

TABLE.../TABLE 产生表格的卷标

TD ALIGN 调整表格字段之左右对齐

TD BGCOLOR 设定表格字段之背景颜色

TD COLSPAN ROWSPAN 表格字段的合并

TD NOWRAP 设定表格字段不换行

TD VALIGN 调整表格字段之上下对齐

TD WIDTH 调整表格字段宽度

TD.../TD 定义表格的数据域位

TEXTAREA NAME ROWS COLS 窗体中加入多少列的文字输入栏

TEXTAREA WRAP 决定文字输入栏是自动否换行

TH.../TH 定义表格的标头字段

TITLE 文件标题

TR.../TR 定义表格美一行

TT 打字机字体

U 文字加底线

UL TYPE.../UL 无序号的列表 ( 可指定符号 )

VAR.../VAR 用于显示变量

什么是HTML，它的语法构成是什么

HTML

HEAD

TITLE每天进步一点点/TITLE

/HEAD

BODY bgcolor=#CCFFFF

网页设计全方位学习

hr

p网站开发是一门新生的科学/p

/BODY

/HTML

HTML语言的组成：

HTML文档由HTML，HEAD和BODY三大元素构成。

HTML是最外层的元素，表示文档的开始，浏览器从HTML开始解释

HEAD是HTML文件头标记符，即文档头。包含对文档基本信息（包含文档标题，文档搜索关键字，文档生成器等属性）描述的标记

BODY位于首部下面，用于定义一个HTML文档的主体部分，包含对网页元素（文本，表格，图片，动画和链接等）描述的标记。

HTML的语法：

HTML语法由标签（Tags）和属性（Attributes）组成。标签又称标记符，HTML是影响网页内容显示格式的标签集合，浏览器主要根据标签来决定网页的实际显示效果。在HTML中，所有的标签都是用尖括号括起来。

标签可分为单标签和多标签两种：

单标签：

单标签的形式为标签 属性=参数,

最常见的如强制换行标签BR，分隔线标签HR，插入文本框标签INPUT

双标签：

双标签的形式为标签 属性=参数对象/标签

如定义“奥运”两个字为5号，颜色为红色的标签为：font size=5 color=red 奥运 /font

HTML基础-常用标签及语法

HTML注释语法，VS code 快捷键【Ctrl + /】：

标题（Heading） ，是通过 h1-h6 六个标签分别来对六个级别的标题进行定义的。标题标签只是给标签内部的元素内容添加对应级别标题的语义，样式由CSS设定，标签之间不能相互嵌套，权重从 h1 向 h6 依次递减。

注意： h1 在整个HTML中的权重非常高，内部应该放置HTML中最重要的内容，比如logo。 h1 由于非常重要，内部的文字对于提高搜索引擎排名也非常重要，为了防止作弊，如果 一个页面出现多个 h1 ，反而降低权重。

约定俗成的，一个页面中只会出现一个 h1 。

段落（paragraph） ，是通过 p 标签进行定义的。 p 标签是双标签，且为文本级标签。内部只能放置文本、图片、表单元素，或者废弃的 font 标签等。 p 标签的作用是给标签内部的内容添加一个完整段落的语义，不负责内容自动换行的样式。 换行的效果是由css决定的。

（breaking）标签 是HTML中一个简单的换行符。 br / 标签是一个单标签。 在需要换行的位置可以使用 br / 标签书写，但是 br / 与 p 不同， br / 没有建立新的 段落的语义，只是简单的进行强制换行。

HTML中有部分标签是用来对文字进行格式化显示设置的，比如粗体和斜体等。文本格式化的标签均为双标签，且为文本级标签，内部只能书写文字。在HTML4.0版本规范后，结构和样式进行了分离，大部分文本格式化标签被废弃， b i u em shrong 相对比较常用。

图像（image） 由 img 标签进行定义。 img 标签是单标签，本身相当于一个特殊的文本，作用是在指定的位置插入一张图片。在HTML文件，常用的插入图片的类型有：jpg、png、gif。由于 img 为单标签，所以它只能通过属性进行相关的图像设置。

路径指的是寻找文件时所历经的线路，在HTML中有特殊的书写语法。 路径分为相对路径和绝对路径，不同的方式出发点和参考位置不同。

相对路径查找文件时，需要从HTML文件本身出发，根据相对的位置进行查找，包含三种方向。

绝对路径查找文件时，不需要从HTML文件出发，而是直接从电脑的盘符出发进行查找，或者 使用网址形式查找。

音频与视频分别使用 audio 和 video 标签进行定义。 audio 和 video 是双标签。同图片一样，需要使用src属性设置音频查找的路径。音频文件支持的格式包括：.mp3、.ogg、.wav。 视频文件支持的格式包括：.mp4、.ogg、.webm。

音频与视频加载后不会自动显示播放器的控制条，需要使用controls属性进行设置，属性值也是 controls。

a 标签（anchor 锚）在指定的位置添加超级链接，提供用户进行点击和跳转。有两种跳转形式：跨页面跳转、页面内跳转。实现跳转的方式需要用到一些标签属性。

页面内锚点跳转

①在目标位置找到任意一个标签，给它添加 id 属性， id 的属性值必须是唯一且必须以字母开头，后面可以有字母、数字、下划线和横线，区分大小写。

②在目标位置添加一个空的 a 标签，只设置一个 name 属性， name 属性值设置 方式与 id 相同，也必须是唯一的。

跨页面锚点跳转

列表用于制作HTML中的一系列项目。通常我们会将内容相关、结构相似、样式相近的内容使用列表结构进行搭建。根据项目的内容不同，可以有三种语义的列表结构： 无序列表、有序列表、定义列表 。

注意事项：

自定义列表不仅仅是一列项目，而是项目及其注释的组合。 由三个标签组成完整的结构，包含 dl 、 dt 和 dd 。 dl ： definition list ，表示定义一个自定义列表的大结构。 dt ： definition term ，表示定义自定义列表中的一个主题或者术语。 dd ： definition description ，定义解释项，表示描述或解释前面的定义主题。 dl 内部只能嵌套 dt 和 dd ， dt 与 dd 是同级关系。

注意事项：

常用的布局标签有 div 和 span ，俗称盒子，都没有具体明确的语义。

div： 全称division，分割、区域、跨度的意思。俗称大盒子。 div 是双标签，是最经典的容器级标签，内部可以放置任意内容。多用于划分网页区域，进行结构布局。一般将相关的内容使用 div 包裹起来，整体设置大的布局效果。

span： 小区域、小跨度的意思。俗称小盒子。 span 也是双标签，容器级标签。 在不改变整体效果的情况下，可以辅助进行局部调整。

创建一个简单的表格至少有三个标签组成，分别是 table 、 tr 、 td 标签，此外如果要制作表头，则使用 th 标签。

表格的单元格可以进行合并，通过 th 和 td 的两个属性可以进行合并设置。 rowspan ：跨行和并（上下的合并）。 colspan ：跨列合并（左右的合并）。属性值是数字，表示跨几行或跨几列合并。

制作技巧： (1) 先列出所有行 tr ，以最小单元格为标准。 (2) 再添加每一行的 td 或 th 单元格。 (3) 划分单元格所在行时，顶边对齐的属于同一行。 (4) 将所有行和列写完后，再查看哪个单元格有跨行或跨列，属性值的个数要参考最小 的单元格。

table 内部最直接的子级包含四个分区标签，他们都是双标签。

四个分区可以选择性的进行组合。 注意： 不论书写顺序如何颠倒，浏览器中的加载顺序都是自动按照 caption 、 thead 、 tbody 、 tfoot 执行的。制作的时候可以先书写大分区标签结构，接着填充每个分区的内部内容，如果有合并单元格内容，则进行单元格合并。

HTML表单用于搜集不同类型的用户输入，表单元素就是网页中提供用户进行输入或点击 的小控件。在HTML中，一个完整的表单通常由表单域、提示信息和表单控件（也称为表单元素）3个 部分构成。

HTML表单域使用 form 标签进行定义。 form 标签是一个功能性标签，填写的表单信息要想正确的提交到后台服务器，必须放在一个 form 标签之内。 form 标签为双标签，容器级标签。 form 标签通过对应属性规定提交数据的方法和提交位置。

input 标签是最重要的一个表单元素，为单标签，本身相当于一个特殊的文本，需要通过标签属性实现各种功能。其中ra， type 属性的值不同，决定了 input 标签的形态不同。

单选框和复选框都可以提前设置默认选中项。 input 标签有一个 checked 属性，如果不设置表示默认没有选中。 属性值如果设置为 "checked" ，表示该项默认被选中。

textarea 标签定义文本域，制作可以输入多行文本的区域，为双标签，本身相当于一个特殊的文字。 文本域可以设置默认输入的文字，在双标签之间书写默认文字。

textarea 有两个标签属性，可以设置显示区域大小。 rows ：行，属性值是数字，表示文本框显示的最大行数，如果超过了行数， 会被隐藏并且出现滚动条。 cols ：列，属性值是数字，表示在出现滚动条之后，每一行显示的最大字节数（一个汉字按2字节计算）。

HTML中的下拉菜单提前设置一些选项，然后可以通过点击选择其中一项。

下拉菜单需要至少两个标签完成结构： select ：选择，表示定义下拉菜单整体结构。 option ：选项，表示定义下拉菜单的每一项。 两个标签都是双标签，文本级标签。 关系： selectoption ， option 可以有任意多项。

默认情况下，选中的是第一项。 下拉菜单可以通过给 option 标签设置 selected 属性，属性值为 selected ，更改默认选中项。

下拉菜单中如果选项变得复杂，可以将 option 进行分组管理。 可以使用 optgroup 标签对选项进行分组， optgroup 是一个双标签。 关系： selectoptgroupoption ， optgroup 可以设置一个 label 属性，表示给这一组选项添加一个分组标签名，分组标签 optgroup 是不能被点击选择的。

所有的表单元素都可以通过绑定其他内容去扩大触发点击范围，这时需要使用一个 label 标签。该标签的作用是帮表单元素定义标注（标记）。 如果将表单控件与提示内容使用 label 进行绑定后，当用户鼠标点击 label 内的提示内容时，浏览器就会自动将焦点转到和标签相关的表单控件上。有两种绑定方法：

在普通文字书写时，有一些特殊符号不能直接书写（例如 连续的空格），或者符号具有特殊功能也不能直接书写（例如符号）。可以使用一些HTML提前预留好的替换字符进行书写，这些替换字符叫做字符实体。

通过查询w3school手册 HTML ISO-885901 ，查看所有的字符实体以及特殊字符的替换写法，包含实体名称以及实体编号。

规则： 所有的字符实体和实体编号都是以 开头，以 ； 结尾的。

注意： 实体名称对大小写敏感！

建议1 ：使用实体名称，好处是名称易于记忆。不过坏处是，浏览器也许并不支持所有实 体名称（对实体数字的支持却很好）。

建议2 ：不需要强制记忆所有的字符实体，只需要记忆常用的几个字符实体名称即可，其 他可以通过手册进行查询。