`
septem
  • 浏览: 54446 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

html cheat sheet

    博客分类:
  • html
阅读更多
最基本的HTML,在使用的时候却经常忘记,在网上找到了一份小抄,纪录在这里

HTML Basic Document

<html>
<head>
<title>Title of document goes here</title>
</head>

<body>
Visible text goes here...
</body>

</html>

Heading Elements

<h1>Largest Heading</h1>
<h2> . . . </h2>
<h3> . . . </h3>
<h4> . . . </h4>
<h5> . . . </h5>
<h6>Smallest Heading</h6>

Text Elements

<p>This is a paragraph</p>
<br /> (line break)
<hr /> (horizontal rule)
<pre>This text is preformatted</pre>

Logical Styles

<em>This text is emphasized</em>
<strong>This text is strong</strong>
<code>This is some computer code</code>

Physical Styles

<b>This text is bold</b>
<i>This text is italic</i>

Links

Ordinary link: <a href="http://www.example.com/">Link-text goes here</a>
Image-link: <a href="http://www.example.com/"><img src="URL" alt="Alternate Text" /></a>
Mailto link: <a href="mailto:webmaster@example.com">Send e-mail</a>

A named anchor:

<a name="tips">Tips Section</a>
<a href="#tips">Jump to the Tips Section</a>

Unordered list

<ul>
  <li>Item</li>
  <li>Item</li>
</ul>

Ordered list

<ol>
  <li>First item</li>
  <li>Second item</li>
</ol>

Definition list

<dl>
  <dt>First term</dt>
    <dd>Definition</dd>
  <dt>Next term</dt>
    <dd>Definition</dd>
</dl>

Tables

<table border="1">
  <tr>
    <th>Tableheader</th>
    <th>Tableheader</th>
  </tr>
  <tr>
    <td>sometext</td>
    <td>sometext</td>
  </tr>
</table>

Frames

<frameset cols="25%,75%">
  <frame src="page1.htm" />
  <frame src="page2.htm" />
</frameset>

Forms

<form action="http://www.example.com/test.asp" 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>Apples</option>
<option selected="selected">Bananas</option>
<option>Cherries</option>
</select>

<textarea name="comment" rows="60" cols="20"></textarea>

</form>

Entities

&lt; is the same as <
&gt; is the same as >
&#169; is the same as ©

Other Elements

<!-- This is a comment -->

<blockquote>
Text quoted from a source.
</blockquote>

<address>
Written by W3Schools.com<br />
<a href="mailto:us@example.org">Email us</a><br />
Address: Box 564, Disneyland<br />
Phone: +12 34 56 78
</address>



0
0
分享到:
评论

相关推荐

    html5-cheat-sheet_html5_IDEAL_cheatsheet_

    "html5-cheat-sheet_html5_IDEAL_cheatsheet_" 提供了一个简洁的总结,帮助开发者快速查阅和掌握HTML5的关键元素和属性。 HTML5的主要目标是标准化Web应用,消除过去不同浏览器之间的兼容性问题,并引入新的多媒体...

    Css_Html_Html5_JavaScript_MySql_Php_Rgb_Sql cheat sheet

    Css_Html_Html5_JavaScript_MySql_Php_Rgb_Sql cheat sheet Css_Html_Html5_JavaScript_MySql_Php_Rgb_Sql cheat sheet Css_Html_Html5_JavaScript_MySql_Php_Rgb_Sql cheat sheet

    HTML5-cheat-sheet.pdf

    HTML5-cheat-sheet.pdf

    CheatSheet合集1.pdf

    标题《CheatSheet合集1.pdf》中包含的知识点: - CheatSheet是一种速查手册,为程序员提供快速查阅各种编程语言和技术的要点、函数、方法和快捷键等重要信息。 - 本合集涵盖了多种编程语言和技术的常见用法和快捷...

    JSP_cheatsheet jsp 小抄

    ### JSP_cheatsheet jsp 小抄 #### 概述 JSP(JavaServer Pages)是一种基于Java的服务器端技术,用于创建动态网页。它将静态内容与动态内容混合在一起,通过内置的对象处理用户输入并产生响应。JSP_cheatsheet是一...

    css3-cheat-sheet_IDEAL_cheatsheet_css_

    5. **语义化**:遵循HTML5语义元素,用CSS实现视觉效果而非HTML结构。 6. **响应式设计**:采用移动优先策略,确保网站在各种设备上都有良好体验。 7. **测试**:使用工具如Autoprefixer处理浏览器前缀,使用CSS ...

    Enthought Python Pandas Cheat Sheet.pdf

    在“Enthought Python Pandas Cheat Sheet.pdf”中,主要介绍了如何使用Pandas读取、写入数据,以及处理日期等关键知识点。 1. **数据读取与写入** - `pd.read_*` 系列函数:Pandas提供了一系列`read_`开头的函数...

    test heuristics cheat sheet

    ### 测试启发式技巧表(Test Heuristics Cheat Sheet) #### 数据类型攻击与Web测试 在软件测试领域,**测试启发式技巧表**是用于指导测试人员如何针对不同类型的输入进行有效测试的一种方法集合。本篇文章将根据...

    Django1.0速查手册_Django 1.0 Cheat sheet

    标签进一步明确了文档的主题是关于Django的速查手册或速查表(Cheat Sheet),这类文档通常会包含最常用的功能、语法和快捷方式等,方便用户在需要时快速查找。 #### 部分内容概述 下面将对部分内容中提及的关键...

    Vue JS cheat sheet

    ```html &lt;p&gt;I have a {{ product }} &lt;p&gt;{{ product + 's' }} &lt;p&gt;{{ isWorking ? 'YES' : 'NO' }} &lt;p&gt;{{ product.getSalePrice() }} ``` 这里的表达式允许绑定JavaScript表达式和方法调用。注意,每个绑定只能包含...

    CSS cheatsheet

    **CSS(层叠样式表)Cheatsheet** CSS(Cascading Style Sheets)是一种样式表语言,用于描述HTML或XML(包括SVG、MathML等各种XML方言)文档的呈现。它是Web设计的重要工具,允许我们将样式与结构分离,使得网页...

    HTML5_Canvas_Cheat_Sheet

    HTML5 Canvas Cheat Sheet详解 HTML5的Canvas元素是网页中用于绘图的一种强大工具,它提供了在网页上绘制图形的能力,而无需依赖于Flash或Java等插件。本篇文章将根据给定的“HTML5 Canvas Cheat Sheet”进行深入...

    HTML5_Canvas_Cheat_Sheet.zip

    这个“HTML5_Canvas_Cheat_Sheet.zip”压缩包显然包含了关于Canvas API的速查表和可能的示例资源,旨在帮助开发者快速理解和应用Canvas。 Canvas API是HTML5的一个核心特性,它通过JavaScript提供了直接在浏览器上...

    jQuery CheatSheet js css html快查表

    jQuery1.3 CheatSheet 1920×1200 | 1680×1050 | 1440×900 大多数人都很难记住所有的编程细节,即使再好的程序员也会有对某个程序语言的疏忽大意,所以把相关的手册打印出来或随时放在桌面上进行查阅绝对是可以...

    html-css-cheatsheet

    html-css-cheatsheet 这是我自己作为培训项目编写CSS速查表。技术领域HTML5 CSS状态项目是:进行中去做: 添加特异性表和信息样式表和颜色更新字体灵感此项目旨在满足Fullcade工程师路径中Codecademy的“构建自己的...

    html-css-cheat-sheet

    html-css-cheat-sheet 一个简单的精选HTML5和CSS备忘单。 查看备忘单 只需在浏览器中打开 。 没有外部依赖关系。 特征 直观的示例准确地显示了属性的特定值将如何显示。 减少猜测。 内联样式用于展示的特定样式...

    各类速查表汇总-Python Data Visualization- Bokeh Cheat Sheet

    ### 各类速查表汇总-Python Data Visualization- Bokeh Cheat Sheet #### 一、Bokeh简介 Bokeh 是一个用于现代 Web 浏览器的交互式可视化库,专为高性能的大数据集可视化而设计。它支持从简单的图表到复杂的自定义...

    AngularJS-Cheat-Sheet

    **AngularJS 概述** AngularJS 是一个由 Google 维护的开源JavaScript框架,用于构建单页应用程序(SPA)。它提供了强大的数据...无论是初学者还是经验丰富的AngularJS开发者,这个cheat sheet都是一个宝贵的资源。

    CSS Conditionals & Hacks Cheat Sheet

    "CSS Conditionals & Hacks Cheat Sheet"是一个非常实用的工具,它帮助开发者理解和解决浏览器之间的兼容性问题。这份PDF文档可能包含了各种条件语句、技巧和黑客方法,以确保在不同浏览器中的一致显示。 首先,CSS...

Global site tag (gtag.js) - Google Analytics