广州北大青鸟计算机职业培训学校
互联网技术培训、软件技术培训、大数据培训、云计算培训、数据分析培训信息网
当前位置:网站首页 > 软件专业 > 前端开发专业 > 正文

Web前端开发|HTML基础代码速查手册_惠州前端培训学校

作者:alu发布时间:2022-03-20分类:前端开发专业浏览:646


导读:下面惠州北大青鸟老师给大家分享一下HTML基础代码速查手册,希望对大家有帮助。

下面惠州北大青鸟老师给大家分享一下HTML基础代码速查手册,希望对大家有帮助。


HTML 速查手册大全

HTML 文档类型

XHTML 简介

HTML Basic Document

<html>

<head>

<title>Document name goes here</title>

</head>

<body>

Visible text goes here

</body>

</html>


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, Anchors, and Image Elements

<a href="http://www.example.com/">This is a Link</a>

<a href="http://www.example.com/"><img src="URL"

alt="Alternate Text"></a>

<a href="mailto:webmaster@example.com">Send e-mail</a>A named anchor:

<a name="tips">Useful Tips Section</a>

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

Unordered list

<ul>

<li>First item</li>

<li>Next item</li>

</ul>

Ordered list

<ol>

<li>First item</li>

<li>Next 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>someheader</th>

<th>someheader</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="lastname"

value="Nixon" size="30" maxlength="50">

<input type="password">

<input type="checkbox" checked="checked">

<input type="radio" checked="checked">

<input type="submit">

<input type="reset">

<input type="hidden">

<select>

<option>Apples

<option selected>Bananas

<option>Cherries

</select>

<textarea name="Comment" rows="60"

cols="20"></textarea>

</form>

Entities

< is the same as <

> is the same as >

© is the same as ©

Other Elements

<!-- This is a comment -->

<blockquote>


Text quoted from some source.

</blockquote>

<address>

Address 1<br>

Address 2<br>

City<br>

</address>


想学前端的同学们,可以来惠州北大青鸟新方舟校区详细了解。

标签:惠州前端培训学校惠州前端基础惠州前端培训北大青鸟IT计算机学校北大青鸟IT软件学校前端北大青鸟IT学校惠州北大青鸟北大青鸟


前端开发专业排行
标签列表
网站分类
文章归档
最近发表