html语法全套写法(写出html的基本语法结构)
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编写。