html语法全套写法(写出html的基本语法结构)

http://www.itjxue.com  2023-01-26 15:59  来源:未知  点击次数: 

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 用于显示变量

html5语法

基本沿用了html基础语法。但更简洁更人性化,主要有以下5点:

!doctype html

? ?字符集设置

meta charset="utf-8"

? ?不允许写的结束符的标签: area、basebr、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr

? 可以省略结束符的标签: li、dt、dd、p、rt、optgroup、option、colgroup、thread、tbody、tr、td、th

? 新增结构化标签 :

? ? ? ? 从div...div/派生而出

? ? (1)header标签 :顾名思义,header标签用于将 HTML 页面的一部分标记为页眉。

? ? (2)section标签 :section标签用于标识页面上的重要内容部分。该标签有点类似于将一本书分成几个章节。

? ?(3)article标签 :article标签标识了 Web 页面中的主要内容。以博客为例,每篇帖子都构成一个重要内容。

? ? (4)aside标签 :aside标签表示标签中包含的内容与页面主要内容相关,但不是该页面的一部分。这有点类似于使用括弧对正文进行注释(就像这样)。括弧中的内容提供关于该元素的一些附加信息。

? ? (5)footer标签 :footer标签将所包含的元素内容标记为文档的页脚。

? ( 6)nav标签 :nav标签中包含的内容主要用于导航。

示例:

新增媒体标签:

video

audio

embed

input type="checkbox" checked/

写明表示true;否则false

不区分大小写,与xhtml不同

单双引号皆可,有空格时不行。

HTML基本语法

文档 :HTML文档俗称网页

标签 :用尖括号包围的关键词我们成为标签。通常HTML标签成对出现,如:a、/a。

元素 :我们把匹配的标签对以及它们包围的内容称为元素。即(元素 = 开始标签 + 内容 + 结束标签)。如:a href=""我的博客/a。

属性 :开始标签中那些以名称/值对的形式出现的内容,我们称之为属性。如上例中: href=" "。(href是属性称," "是属性值)。

一个完整的html代码怎么编写?

简单的htm的编写过程如下:

先新建一个文本文件,可以自己命名,如下图,我命名为测试。

编译文本,以最简单的代码格式为例html???? head???????? title???????? /title???? /head???? body???? /body/html

在body/body写入你要写的内容,下面以hello world为例。

修改文件后缀名,将txt改为html。

测试是否成功,双击? 测试.html,如果出现了下面的内容,恭喜你,你已经学会了最简单的html编写。

(责任编辑:IT教学网)

更多

推荐鼠标代码文章