首页 > 网站 > WEB开发 > 正文

html-part2

2024-04-27 15:12:37
字体:
来源:转载
供稿:网友

HTML 标题 标题(Heading)是通过 <h1> - <h6>标签进行定义的

HTML 水平线 <hr>标签在 HTML 页面中创建水平线

HTML 注释 可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。

HTML 段落 段落是通过<p>标签定义的。

HTML 折行 如果您希望在不产生一个新段落的情况下进行换行(新行),请使用<br />标签。

HTML 文本格式化标签 <b> 定义粗体文本 <em> 定义着重文字 <i>定义斜体字 <small>定义小号字 <strong>定义加重语气 <sub>定义下标字 <sup>定义上标字 <ins>定义插入字 <del>定义删除字

HTML “计算机输出” 标签 <code> 定义计算机代码 <kbd> 定义键盘码 <samp> 定义计算机代码样本 <var> 定义变量 <PRe> 定义预格式文本

HTML 引文, 引用, 及标签定义 <abbr> 定义缩写 <address> 定义地址 <bdo> 定义文字方向 <blockquote> 定义长的引用 <q> 定义短的引用语 <cite> 定义引用、引证 <dfn> 定义一个定义项目。

HTML 超链接(链接) HTML使用标签 <a>来设置超文本链接。

href 属性,指定链接的目标。target 属性,可以定义被链接的文档在何处显示。id 属性,可用于创建在一个HTML文档书签标记。

HTML 元素 <head> 元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本(scripts), 样式文件(CSS),及各种meta信息。 可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.

HTML <title> 元素 <title> 标签定义了不同文档的标题。 <title> 在 HTML/XHTML 文档中是必须的。 <title> 元素:

定义了浏览器工具栏的标题当网页添加到收藏夹时,显示在收藏夹中的标题显示在搜索引擎结果页面的标题

HTML <base> 元素 <base> 标签描述了基本的链接地址/链接目标,该标签作为HTML文档中所有的链接标签的默认链接。

HTML <link> 元素 <link> 标签定义了文档与外部资源之间的关系。 <link> 标签通常用于链接到样式表。

HTML <style> 元素 <style> 标签定义了HTML文档的样式文件引用地址。 在<style> 元素中你也可以直接添加样式来渲染 HTML 文档。

HTML <meta> 元素 meta标签描述了一些基本的元数据。 <meta> 标签提供了元数据.元数据也不显示在页面上,但会被浏览器解析。 META元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者,和其他元数据。 元数据可以使用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他Web服务。 <meta>一般放置于 <head>区域。

HTML <script> 元素 <script>标签用于加载脚本文件,如: javaScript。

HTML 图像 在 HTML 中,图像由<img> 标签定义。<img> 是空标签,意思是说,它只包含属性,并且没有闭合标签。

src属性,要在页面上显示图像,你需要使用源属性(src)。src 指 “source”。源属性的值是图像的 URL 地址。alt属性,用来为图像定义一串预备的可替换的文本height(高度) 与 width(宽度)属性用于设置图像的高度与宽度。

HTML 表格 表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。 实例:

<table border="1"> <tr> <th>Header 1</th> <th>Header 2</th> </tr> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr></table>

HTML列表 无序列表使用 <ul> 标签

<ul><li>Coffee</li><li>Milk</li></ul>

列表项项使用数字来标记

<ol><li>Coffee</li><li>Milk</li></ol>

自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始

<dl><dt>Coffee</dt><dd>- black hot drink</dd><dt>Milk</dt><dd>- white cold drink</dd></dl>

提示: 列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

HTML <div><span> HTML 区块元素:大多数 HTML 元素被定义为块级元素或内联元素。块级元素在浏览器显示时,通常会以新行来开始(和结束)。 实例: <h1>, <p>, <ul>, <table> HTML 内联元素:内联元素在显示时通常不会以新行开始。 实例: <b>, <td>, <a>, <img>。

HTML <div> 元素 HTML <div> 元素是块级元素,它可用于组合其他 HTML 元素的容器。 <div> 元素没有特定的含义。除此之外,由于它属于块级元素,浏览器会在其前后显示折行。 如果与 CSS 一同使用,<div> 元素可用于对大的内容块设置样式属性。 <div> 元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 <table> 元素进行文档布局不是表格的正确用法。<table> 元素的作用是显示表格化的数据。

HTML <span> 元素 HTML <span> 元素是内联元素,可用作文本的容器 <span> 元素也没有特定的含义。 当与 CSS 一同使用时,<span> 元素可用于为部分文本设置样式属性。

HTML表单元素 表单用于向服务器传输数据。 表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。 HTML 表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户与Web服务器的交互。表单标签, 要提交的所有内容都应该在该标签中。 action: 表单提交到哪. 一般指向服务器端一个程序,程序接收到表单提交过来的数据(即表单元素值)作相应处理,比如https://www.sogou.com/web method: 表单的提交方式 post/get 默认取值 就是 get(信封) get: 1.提交的键值对.放在地址栏中url后面. 2.安全性相对较差. 3.对提交内容的长度有限制. post:1.提交的键值对 不在地址栏. 2.安全性相对较高. 3.对提交内容的长度理论上无限制. get/post是常见的两种请求方式。 value: 表单提交项的值.对于不同的输入类型,value 属性的用法也不同 上传文件注意两点: 1 请求方式必须是post 2 enctype=”multipart/form-data”

input元素select元素textarea元素label元素fieldset元素

HTML 框架 通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。 iframe语法:

<iframe src="URL"></iframe>

HTML 字符实体

空格,&nbsp;小于号,&lt;大于号,&gt;引号,&quot;撇号 ,&apos;(IE不支持)乘号,&times;除号,&divide;

**

HTML 速查列表

**

HTML 速查列表. 你可以打印它,以备日常使用。 HTML 基本文档

<!DOCTYPE html><html><head><title>文档标题</title></head><body>可见文本...</body></html>

基本标签(Basic Tags)

<h1>最大的标题</h1><h2> . . . </h2><h3> . . . </h3><h4> . . . </h4><h5> . . . </h5><h6>最小的标题</h6><p>这是一个段落。</p><br> (换行)<hr> (水平线)<!-- 这是注释 -->

文本格式化(Formatting)

<b>粗体文本</b><code>计算机代码</code><em>强调文本</em><i>斜体文本</i><kbd>键盘输入</kbd> <pre>预格式化文本</pre><small>更小的文本</small><strong>重要的文本</strong><abbr> (缩写)<address> (联系信息)<bdo> (文字方向)<blockquote> (从另一个源引用的部分)<cite> (工作的名称)<del> (删除的文本)<ins> (插入的文本)<sub> (下标文本)<sup> (上标文本)

链接(Links)

普通的链接:<a href="http://www.example.com/">链接文本</a>图像链接: <a href="http://www.example.com/"><img src="URL" alt="替换文本"></a>邮件链接: <a href="mailto:webmaster@example.com">发送e-mail</a>书签:<a id="tips">提示部分</a><a href="#tips">跳到提示部分</a>

图片(Images)

<img src="URL" alt="替换文本" height="42" width="42">

样式/区块(Styles/Sections)

<style type="text/css">h1 {color:red;}p {color:blue;}</style><div>文档中的块级元素</div><span>文档中的内联元素</span>

无序列表

<ul> <li>项目</li> <li>项目</li></ul>

有序列表

<ol> <li>第一项</li> <li>第二项</li></ol>

定义列表

<dl> <dt>项目 1</dt> <dd>描述项目 1</dd> <dt>项目 2</dt> <dd>描述项目 2</dd></dl>

表格(Tables)

<table border="1"> <tr> <th>表格标题</th> <th>表格标题</th> </tr> <tr> <td>表格数据</td> <td>表格数据</td> </tr></table>

框架(Iframe)

<iframe src="demo_iframe.htm"></iframe>

表单(Forms)

<form action="demo_form.php" method="post/get"><input type="text" name="email" size="40" maxlength="50"><input type="passWord"><input type="checkbox" checked="checked"><input type="radio" checked="checked"><input type="submit" value="Send"><input type="reset"><input type="hidden"><select><option>苹果</option><option selected="selected">香蕉</option><option>樱桃</option></select><textarea name="comment" rows="60" cols="20"></textarea></form>

实体(Entities)

&lt; 等同于 <&gt; 等同于 >&#169; 等同于 ©
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表