HTMLCSSJS..docVIP

Java HTMLCSSJS Day01 Top 创建 HTML 文档 文本标记 图像和链接 列表 表格 基础表单 复杂表单 iframe 元素 1 创建 HTML 文档 1.1 问题 创建一个标准结构的 HTML 文档。 1.2 方案 使用HTML编写网页文档时，首先需要在文档的开始添加版本声明。目前有三种版本声明：过渡型、严格型和框架型。 目前，为了保证兼容性，大多数页面都是使用过渡型，其版本声明为： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd 除了版本信息，剩下的就是整个页面的内容。HTML 文档的整个页面需要包含在开始标记 html 和结束标记 /html 之间。在 html 元素中，包含两个主要的部分，文件头部分（head元素）和主体部分（body元素）。代码如下所示： html xmlns=/1999/xhtml head /head body /body /html 1.3 实现 首先创建一个纯文本文件，并修改名称为 01_doc.html；然后在此文件中，添加 HTML 代码，以创建一个标准结构的 HTML 文档。系统代码实现如下： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head /head body /body /html 隐藏 1.4 扩展 使用 head 元素，为创建的 HTML 文档添加文档标题，并设置文档的编码格式以及页面的刷新频率。代码如下： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head title第一个 HTML 文档/title meta http-equiv=content-type content=text/html;charset=utf-8 / meta http-equiv=refresh content=10 / /head body /body /html 隐藏 2 文本标记 2.1 问题 修改上节中所创建的 01_doc.html 文档，为页面添加文本标记，实现如图－1所示的页面效果： 图－１ 2.2 方案 图－1所示的页面中，文本“Java?语言基础 Day03”为一级标题，使用 h1 元素创建。其中，特殊字符需要使用转义符，而红色文本需要使用 span 元素标识出来，并添加样式。代码如下： h1 align=center Javanbsp;语言基础span style=color:Red;lt;Day03gt;/span /h1 文本“1?个人所得税计算器”为二级标题，使用 h2 元素创建；文本“1.1 问题”、 “1.2 方案”和“1.3 实现”为三级标题，使用 h3 元素创建。代码如下： h31.1nbsp;问题/h3 h31.2nbsp;方案/h3 h31.3nbsp;实现/h3 其他文本使用段落元素　p　创建，空白行使用换行元素　br　创建。 2.3 实现 图－1所示的　01_doc.html 的文件的代码如下所示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head title第一个 HTML 文档/title meta http-equiv=content-type content=text/html;charset=utf-8 / meta http-equiv=refresh content=10 / /head body h1 align=centerJavanbsp;语言基础 span style=color:Red;lt;Day03gt;/span/h1 h2