html
<html>
<head>
<title>我的第一个 HTML 页面</title>
</head>
``<body>``
<p>body 元素的内容会显示在浏览器中。</p>
<p>title 元素的内容会显示在浏览器的标题栏中。</p>
</body>
</html>
输出如下:
body 元素的内容会显示在浏览器中。
title 元当事人非素的内容会显示在浏览器的标题栏中。
HTML 标签
- hr 标签定义水平线:
<html>
``<body>``
<p>这是段落。</p>
<p>这是段落。</p>
<p>这是段落。</p>
<p>段落元素由 p 标签定义。</p>
</body>
</html>
输出
这是段落。
这是段落。
这是段落。
段落元素由 p 标签定义
标题
<h1>This is heading 1</h1>
注释
<!--这是一段注释。注释不会在浏览器中显示。-->
预格式文本
<pre>
<pre>
这是
预格式文本。
它保留了 空格
和换行。
</pre>
输出为:
这是
预格式文本。
它保留了 空格
和换行。
地址
<address>
缩写
<abbr title="etcetera">etc.</abbr>
<html>
``<body>``
<abbr title="etcetera">etc.</abbr>
<br />
<acronym title="World Wide Web">WWW</acronym>
<p>在某些浏览器中,当您把鼠标移至缩略词语上时,title 可用于展示表达的完整版本。</p>
<p>仅对于 IE 5 中的 acronym 元素有效。</p>
<p>对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。</p>
</body>
</html>
输出:
etc.
WWW
在某些浏览器中,当您把鼠标移至缩略词语上时,title 可用于展示表达的完整版本。
仅对于 IE 5 中的 acronym 元素有效。
对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。
HTML 标签
- HTML 标签是由尖括号包围的关键词,比如
- HTML 标签通常是成对出现的,比如 和
- 标签对中的第一个标签是开始标签,第二个标签是结束标签
HTML 文档 = 网页
- HTML 文档描述网页
- HTML 文档包含 HTML 标签和纯文本
- HTML 文档也被称为网页
<form>
标签
- 属性:action 值:URL,规定当提交表单时向何处发送表单数据。
- name: 值:form_name 规定表单的名称。
<!DOCTYPE html>
<html>
``<body>``
<form action="/demo/demo_form.asp">
First name:<br>
<input type="text" name="firstname" value="Mickey">
<br>
Last name:<br>
<input type="text" name="lastname" value="Mouse">
<br><br>
<input type="submit" value="Submit">
</form>
<p>如果您点击提交,表单数据会被发送到名为 demo_form.asp 的页面。</p>
</body>
</html>
结果如下:
First name:
Mickey
Last name:
Mouse
如果您点击提交,表单数据会被发送到名为 demo_form.asp 的页面。
==
- Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容:
html基础
HTML 标题
- HTML 标题(Heading)是通过
<h1>
-<h6>
等标签进行定义的
HTML 段落
- HTML 段落是通过
<p>
标签进行定义的。
HTML 链接
- HTML 链接是通过
<a>
标签进行定义的。
注释:在 href 属性中指定链接的地址。
HTML 图像
- HTML 图像是通过
<img>
标签进行定义的。
html元素
- HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码
嵌套的 HTML 元素
===
大多数 HTML 元素可以嵌套(可以包含其他 HTML 元素)。HTML 文档由嵌套的 HTML 元素构成。
<html>
元素:<html>
元素定义了整个 HTML 文档。<body>
元素:<body>
元素定义了 HTML 文档的主体。<p>
元素:这个<p>
元素定义了 HTML 文档中的一个段落。- HTML
<meta>
元素:元数据(metadata)是关于数据的信息。<meta>
标签始终位于 head 元素中。
例:
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>
上面的例子包含三个 HTML 元素。
HTML 属性
- HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。
- 属性总是以名称/值对的形式出现,比如:name="value"。
- 属性总是在 HTML 元素的开始标签中规定。
- 始终为属性值加引号
HTML 统一资源定位器url
URL - Uniform Resource Locator
- URL 也被称为网址。
- 可以由单词组成
- 或者是因特网协议(IP)地址网址,比如 http://www.w3school.com.cn/html/index.asp,遵守以下的语法规则:
scheme://host.domain:port/path/filename
- scheme - 定义因特网服务的类型。最常见的类型是 http
- host - 定义域主机(http 的默认主机是 www)
- domain - 定义因特网域名,比如 w3school.com.cn
- :port - 定义主机上的端口号(http 的默认端口号是 80)
- path - 定义服务器上的路径(如果省略,则文档必须位于网站的根目录中)。
- filename - 定义文档/资源的名称
html输入类型
输入类型:submit
- 定义提交表单数据至表单处理程序的按钮。
输入类型:text
<input type="text">
定义供文本输入的单行输入字段:
<form>
First name:<br>
<input type="text" name="firstname">
<br>
Last name:<br>
<input type="text" name="lastname">
</form>
结果如下:
First name:
Last name:
Input Type: button
<input type="button>
定义按钮。