HTML基础.doc

属性值描述classclassname规定元素的类名（classname）idid规定元素的唯一 idstylestyle_definition规定元素的行内样式（inline style）titletext规定元素的额外信息（可在工具提示中显示）您将在本教程下面的章节中学到更多有关 HTML 标签和属性的知识。标签描述定义 HTML 文档。定义文档的主体。 to 定义 HTML 标题定义水平线。定义注释。标签描述定义段落。插入单个折行（换行）。标签描述定义粗体文本。定义大号字。定义着重文字。定义斜体字。定义小号字。定义加重语气。定义下标字。定义上标字。定义插入字。定义删除字。不赞成使用。使用 代替。不赞成使用。使用 代替。不赞成使用。使用样式（style）代替。“计算机输出”标签标签描述定义计算机代码。定义键盘码。定义计算机代码样本。定义打字机代码。定义变量。定义预格式文本。引用、引用和术语定义标签描述定义缩写。定义首字母缩写。定义地址。定义文字方向。定义长的引用。定义短的引用语。定义引用、引证。定义一个定义项目表单标签标签描述定义供用户输入的表单定义输入域定义文本域 (一个多行的输入控件)定义一个控制的标签定义域定义域的标题定义一个选择列表定义选项组定义下拉列表中的选项定义一个按钮图像标签标签描述定义图像。定义图像地图。定义图像地图中的可点击区域。This text is bold This text is strong This text is bigThis text is emphasizedThis text is italicThis text is smallThis text containssubscriptThis text containssuperscriptComputer codeKeyboard inputTeletype textSample textComputer variable 以上标签适用于显示计算机/编程代码此例演示如何在 HTML 文件中写地址W3School 的地址： 用户服务信箱 上海赢科投资有限公司 金桥开发区 789 号此例演示如何实现缩写或首字母缩写etc. WWW在某些浏览器中，当您把鼠标移至缩略词语上时，title 可用于展示表达的完整版本。此例演示如何改变文字的方向。如果您的浏览器支持 bi-directional override (bdo)，下一行会从右向左输出 (rtl)；Here is some Hebrew text此例演示如何实现长短不一的引用语 .长引用. .这是短引用. 使用 blockquote 元素的话，浏览器会插入换行和外边距，而 q 元素不会有任何特殊的呈现。此例演示如何标记删除文本和插入文本一打有 二十 十二 件。前面为删除（delete）二十 后面为插入（insert） 十二 HTML 样式实例 - 字体、颜色和尺寸style 属性淘汰了“旧的” bgcolor,align 属性。font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸：This is a heading This is a headingThis is a paragraph.本文本 是一个指向本网站中的一个页面的链接。“/index.html”为相对的路径。前面 / 处可以不用写出具体地址把链接的内容全屏显示修改 target 值 被锁在框架中了吗？ 请点击这里！当target=”_blank”时，弹出的链接页面为一个新的窗口 您也可以使用图像来作链接： 以下链接可以链接到其他页面的指定的地方查看 Chapter 4。 Chapter 4 表格的创建 标题 姓名 性别 ni hao ni hao a ni hao hao ni hello ni hao ni hao a hao hao 运行结果标题姓名性别ni hao ni hao a nihao hao nihelloni hao ni hao a hao hao 自定义列表： 一个定义列表： 计算机 用来计算的仪器 . . 显示器 以视觉方式显示信息的装置 . .运行结果：计算机 用来计算的仪器 . . 显示器 以视觉方式显示信息的装置 . . 表单的动作属性（Action）和确认按钮 submit 表单提交按钮 、提交当用户单击确认按钮时，表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。Username: 浏览器显示如下：窗体顶端Username: 窗体底端假如您在上面的文本框内键入几个字母，然后点击Submit按钮，那么输入数据会传送到 html_form_action.asp 的页面。该页面将显示出输入的结果。 User=ni hao a单选框： Male Female复选框（Checkboxes）当用户需要从若干给定的选择中选取一个或若干选项时，就会用到复选框。I have a bikeI have a carMale: Female: 如果您点击 Submit 按钮，您将把输入传送到名为 html_form_action.asp 的新页面。图像标签（）和源属性（Src）在 HTML 中，图像由 标签定义。 是空标签，意思是说，它只包含属性，并且没有闭合标签。要在页面上显示图像，你需要使用源属性（src）。src 指 source。源属性的值是图像的 URL 地址。定义图像的语法是：替换文本属性（Alt）alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。在浏览器无法载入图像时，替换文本属性告诉读者她们失去的信息。此时，浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯，这样有助于更好的显示信息，并且对于那些使用纯文本浏览器的人来说是非常有用的。 用图片做背景！ 设置图片的=显示位置为图片的不同位置链接不同的页面： /设置替代性的文本，似图片的一个索引，鼠标放在上面就会显示文本内容当shape=”rect”时coords要给出矩形的两个点坐标。左上角，右下角设置背景图片，背景颜色 提示：如果你打算使用背景图片，你需要紧记一下几点： 背景图像是否增加了页面的加载时间。小贴士：图像文件不应超过 10k。 背景图像是否与页面中的其他图象搭配良好。 背景图像是否与页面中的文字颜色搭配良好。 图像在页面中平铺后，看上去还可以吗？ 对文字的注意力被背景图像喧宾夺主了吗？1.HTML 指的是？您的回答：超文本标记语言（Hyper Text Markup Language）2.Web 标准的制定者是？您的回答：万维网联盟（W3C）3.在下列的 HTML 中，哪个是最大的标题？您的回答：4.在下列的 HTML 中，哪个可以插入折行？您的回答：5.在下列的 HTML 中，哪个可以添加背景颜色？您的回答：6.请选择产生粗体字的 HTML 标签：您的回答：7.请选择产生斜体字的 HTML 标签：您的回答：8.在下列的 HTML 中，哪个可以产生超链接？您的回答：W3School9.如何制作电子邮件链接？您的回答：正确答案：10.如何在新窗口打开链接？您的回答：11.以下选项中，哪个全部都是表格标签？您的回答：12.请选择可以使单元格中的内容进行左对齐的正确 HTML 标签：您的回答：13.如何产生带有数字列表符号的列表？您的回答：14.如何产生带有圆点列表符号的列表？您的回答：15.在下列的 HTML 中，哪个可以产生复选框？您的回答：16.在下列的 HTML 中，哪个可以产生文本框？您的回答：17.在下列的 HTML 中，哪个可以产生下拉列表？您的回答：18.在下列的 HTML 中，哪个可以产生文本区（textarea）？您的回答：19.在下列的 HTML 中，哪个可以插入图像？您的回答：20.在下列的 HTML 中，哪个可以插入背景图像？您的回答：字体标签font使用类似下面的HTML代码，你可以定义浏览器输出的尺寸和类型：注意style的格式：This is a paragraph with some text in it. This is a paragraph with some text in it. This is a paragraph with some text in it. This is a paragraph with some text in it.来自 W3School 的 HTML 快速参考。可以打印它，以备日常使用。HTML Basic DocumentDocument name goes hereVisible text goes hereText ElementsThis is a paragraph (line break) (horizontal rule)This text is preformattedLogical StylesThis text is emphasizedThis text is strongThis is some computer codePhysical StylesThis text is boldThis text is italicLinks, Anchors, and Image ElementsThis is a LinkSend e-mailA named anchor:Useful Tips SectionJump to the Useful Tips SectionUnordered listFirst itemNext itemOrdered listFirst itemNext itemDefinition listFirst termDef