本文作者:qiaoqingyi

html简单网页代码大全(html网站代码)

qiaoqingyi 2023-02-09 671

本篇文章给大家谈谈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 style =font-size:100 px...无限增大

!区断标记

hr水平线

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

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

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

br(换行)

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

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

center.../center置中

!连结格式

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

a href=地址外部连结

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

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

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

!贴图/音乐

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 插入图片并预设图形大小

html简单网页代码大全(html网站代码)

高中信息技术html简单代码有哪些

HTML标签解释大全

一、HTML标记

标签:!DOCTYPE

说明:指定了 HTML 文档遵循的文档类型定义(DTD)。

标签:a

说明:标明超链接的起始或目的位置。

标签:acronym

说明:标明缩写词。

标签:address

说明:特定信息,如地址、签名、作者、此文档的原创者。

标签:applet

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

标签:area

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

标签:attribute

说明:以对象的形式代表了 HTML 元素的标签属性或属性。

标签:b

说明:指定文本应以粗体渲染。

标签:base

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

标签:basefont

说明:设置渲染文本时作为默认字体的基础字体值。

标签:bdo

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

标签:bgsound

说明:允许页面带有背景声音或创建音轨。

标签:big

说明:指定内含文本要以比当前字体稍大的字体显示。

标签:blockquote

说明:设置文本中的一段引语。

标签:body

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

标签:br

说明:插入一个换行符。

标签:button

说明:指定其中所含的 HTML 要被渲染为一个按钮。

标签:caption

说明:指定表格的简要描述。

标签:center

说明:将后面的文本和图像居中显示。

标签:cite

说明:用斜体显示标明引言。

标签:clientinformation

说明:包含关于 Web 浏览器的信息。

标签:clipboarddata

说明:提供了对于预定义的剪贴板格式的访问,以便在编辑操作中使用。

标签:code

说明:指定代码范例。

标签:col

说明:指定基于列的表格默认属性。

标签:colgroup

说明:指定表格中一列或一组列的默认属性。

标签:comment

说明:标明不可见的注释.

标签:currentStyle

说明:代表了在全局样式表、内嵌样式和 HTML 标签属性中指定的对象格式和样式。

标签:custom

说明:代表了一个用户自定义元素。

标签:datatransfer

说明:提供了对于预定义的剪贴板格式的访问,以便在拖曳操作中使用。

标签:dd

说明:在定义列表中表明定义。定义通常在定义列表中缩进。

标签:defaults

说明:编程设置元素行为的默认属性。

标签:del

说明:表明文本已经从文档中删除。

标签:dfn

说明:表明术语的定义实例。

标签:dir

说明:引起目录列表。

标签:div

说明:指定渲染 HTML 的容器。

标签:dl

说明:引起定义列表。

标签:document

说明:代表给定浏览器窗口中的 HTML 文档。

标签:dt

说明:在定义列表中表明定义术语。

标签:em

说明:强调文本,通常以斜体渲染。

标签:embed

说明:允许嵌入任何文档。

标签:event

说明:代表事件状态,如事件发生的元素,键盘状态,鼠标位置和鼠标按钮状态。

标签:external

说明:允许访问由 Microsoft Internet Explorer 浏览器组件宿主应用程序提供的附加对象模型。

标签:fieldset

说明:在字段集包含的文本和其它元素外面绘制一个方框。

标签:font

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

标签:frame

说明:在 FRAMESET 元素内指定单个框架。

标签:frameset

说明:指定一个框架集,用于组织多个框架和嵌套框架集。

标签:from

说明:指定所包含控件在表单中起作用。

标签:head

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

标签:history

说明:包含了用户已浏览的 URL 的信息。

标签:hn

说明:以标题样式渲染文本。

标签:hr

说明:绘制水平线。

标签:html

说明:表明文档包含 HTML 元素。Microsoft Internet Explorer 6 的新增内容 当你使用 !DOCTYPE 声明指定标准兼容模式,此元素将代表画布──也就是文档内容将渲染到的整个表面。

标签:i

说明:指定文本应以斜体渲染,若可用的话。

标签:iframe

说明:创建内嵌浮动框架。

标签:input

说明:创建各种表单输入控件。

标签:input type=button

说明:创建按钮控件。

标签:input type=checkbox

说明:创建复选框控件。

标签:input type=file

说明:创建文件上载控件,该控件带有一个文本框和一个浏览按钮。

标签:input type=hidden

说明:传输关于客户/服务器交互的状态信息。

标签:input type=image

说明:创建一个图像控件,该控件单击后将导致表单立即被提交。

标签:input type=password

说明:创建与 INPUT type=text 控件类似的单行文本输入控件,不过其中并不显示用户输入的内容。

标签:input type=radio

说明:创建单选钮控件。

标签:input type=reset

说明:创建一个按钮,该按钮单击后将重置表单控件为其默认值。

标签:input type=submit

说明:创建一个按钮,该按钮单击后将提交表单。

标签:input type=text

说明:创建一个单行的文本输入控件。

标签:ins

说明:指定被插入到文档中的文本。

标签:isindex

说明:使浏览器显示一个对话框,提示用户输入单行文本。

标签:kdb

说明:以固定宽度字体渲染文本。

标签:label

说明:为页面上的其它元素指定标签。

标签:legend

说明:在 fieldSet 对象绘制的方框内插入一个标题。

标签:li

说明:引起列表中的一个项目。

标签:link

说明:允许当前文档和外部文档之间建立连接。

标签:listing

说明:以固定字体渲染文本.

标签:location

说明:包含关于当前 URL 的信息。

标签:map

说明:包含客户端图像映射的坐标数据。

标签:marquee

说明:创建一个滚动的文本字幕。

标签:menu

说明:创建一个项目的无序列表。

标签:meta

说明:向服务器和客户端传达关于文档的隐藏信息。

标签:namespace

说明:向文档中动态导入一个元素行为。

标签:navigator

说明:包含关于 Web 浏览器的信息。

标签:nextID

说明:创建编辑软件可以读取的唯一标识符。

标签:nobr

说明:不换行渲染文本。

标签:noframes

说明:包含对于那些不支持 FRAMESET 元素的浏览器使用的 HTML。

标签:noscript

说明:指定要在不支持脚本的浏览器显示的 HTML。

标签:object

说明:向 HTML 页面中插入对象。

标签:ol

说明:绘制文本的编号列表。

标签:optgroup

说明:允许作者对 select 元素中的选项进行逻辑分组。

标签:option

说明:引起 select 元素中的一个选项。

标签:p

说明:引起一段。

标签:page

说明:代表 styleSheet 中的一条 @page 规则。

标签:param

说明:设置 applet、embed 或 object 元素的属性初始值。

标签:popup

说明:一种特殊的顶层窗口,主要用于出现在应用程序主窗口之外的对话框、消息框和其它临时窗口。

标签:pre

说明:以固定宽度字体渲染文本。

标签:q

说明:分离文本中的引语。

标签:rt

说明:指明 ruby 元素的注音文本。

标签:ruby

说明:指明要放置在文本串之上或内嵌的注解或发音指南。

标签:rule

说明:代表了层叠样式表(CSS)中由选择符和一个或多个声明组成的的样式

标签:runtimestyle

说明:代表了居于全局样式表、内嵌样式和 HTML 标签属性指定的格式和样式之上的对象的格式和样式。

标签:s

说明:以删除线字体渲染文本。

标签:samp

说明:指定代码范例。

标签:screen

说明:包含关于客户屏幕和渲染能力的信息。

标签:script

说明:为脚本指定由脚本引擎解释的脚本。

标签:select

说明:引起列表框或下拉框。

标签:selection

说明:代表了当前激活选中区,即高亮文本块,和/或文档中用户可执行某些操作的其它元素。

标签:small

说明:指定内含文本要以比当前字体稍小的字体显示。

标签:span

说明:指定内嵌文本容器。

标签:strike

说明:以删除线字体渲染文本。

标签:strong

说明:以粗体渲染文本。

标签:style

说明:代表了给定元素所有可能的内嵌样式的当前设置。

标签:stylesheet

说明:代表了文档中单一的样式表

标签:sub

说明:指定内含文本要以下标的形式显示,通常比当前字体稍小。

标签:sup

说明:指定内含文本要以上标的形式显示,通常比当前字体稍小。

标签:table

说明:指定所含内容要组织成行列的表格。

标签:tbody

说明:指明行作为表格主体。

标签:td

说明:指定表格中的单元格

标签:textarea

说明:指定多行文本输入控件。

标签:textnode

说明:将文本字符串代表为文档层次中的结点。

标签:textrange

说明:代表 HTML 元素中的文本。

标签:textrectangle

说明:指定包含元素或 TextRange 对象中一行文本的矩形。

标签:tfoot

说明:指明行作为表尾。

标签:th

说明:指定标题列。标题列将在单元格中居中并以粗体显示。

标签:thead

说明:指明行作为表头。

标签:title

说明:包含文档的标题。

标签:tr

说明:指定表格中的一行。

标签:tt

说明:以固定宽度字体渲染文本。

标签:u

说明:带下划线渲染文本。

标签:ul

说明:绘制文本的项目符号列表。

标签:userprofile

说明:提供了允许脚本对用户配置信息请求读取访问并执行读取操作的方法。

标签:var

说明:定义编程变量。通常以斜体渲染。

标签:wbr

说明:向一块 nobr 文本中插入软换行。

标签:window

说明:代表浏览器中一个打开的窗口。

标签:xml

说明:在 HTML 页面上定义一个 XML 数据。

标签:xmp

说明:以固定宽度字体渲染作为示例的字体。

求一段网页表格的html代码.- 简单-.

你好,我按照你的要求写的如下代码,可以直接运行.

center

table

caption style="text-decoration:underline;font-weight:bold;"请留下个人资料/caption

trtd姓名:/tdtdinput type="text"/td/tr

trtd电话:/tdtdinput type="text"/td/tr

trtdE-mail:/tdtdinput type="text"/td/tr

trtd性别:/tdtdinput type="radio" checked男 input type="radio"女/td/tr

trtd年龄:/tdtdselectoption20以下/option/select/td/tr

trtd留言版:/tdtdtextarea/textarea/td/tr

trtd您的爱好:/tdtdinput type="checkbox"运动 input type="checkbox"阅读brinput type="checkbox"听音乐 input type="checkbox"旅游/td/tr

/table

input type="submit" value="提交" input type="reset" value="全部重写"

/center

div标题内容:input type="text" id="a"/divdiv标题格式:input type="text" id="b"/divdiv标题大小:input type="text" id="c"/divbutton type="button" id="d"预览/buttondiv id="e"/div

// 绑定 id 为 d 的按钮的点击事件document.getElementById("d").onclick = function () {    // 获取 id 为 a 的输入框的值    var a = "标题内容:" + document.getElementById("a").value;    // 获取 id 为 b 的输入框的值    var b = "标题格式:" + document.getElementById("b").value;    // 获取 id 为 c 的输入框的值    var c = "标题大小:" + document.getElementById("c").value;    // 将获取到的值加入到 id 为 e 的元素里面    document.getElementById("e").innerHTML = a + "" + b + "" + c;}

html简单网页代码大全的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于html网站代码、html简单网页代码大全的信息别忘了在本站进行查找喔。

阅读
分享