Forwarding-html Basics (1)

Last Update:2016-08-06 Source: Internet

Author: User

Tags uppercase letter

Developer on Alibaba Coud: Build your first app with APIs, SDKs, and tutorials on the Alibaba Cloud. Read more ＞

This article is only for forwarding, non-original, original http://www.cnblogs.com/zhuanggege/p/5737961.html

Please support the original

HTML5 Document declaration: <!doctype html>

The head element can be inserted into script scripts, style file CSS, various meta information

Label elements that can be added to the head area have <title>,<style>,<meta>,<link>,<script>,<noscript>,<base >

<title>

Define the title in the browser toolbar

Provides the title of the page when it is added to the Favorites folder

Page titles that appear in search engine results

<meta>

Define page encoding, UTF-8 Multi-language encoding, gb2312 Chinese Simplified Code

<meta charset= "Utf-8"/>

Define document keywords for search engines

<meta name= "keywords" content= "keyword 1, keyword 2 ..." >

Define a Web page description

<meta name= "description" content= "Content Introduction" >

Define page author

<meta name= "Author" content= "Zhuang" >

Refresh pages every 30 seconds

<meta http-equiv= "Refresh" content= ">"

<link>

Define the relationship between documents and external resources, and the common use is to link style sheets

<link rel= "stylesheet" type= "Text/css" href= "Zhuang.css" >

<p>

<p> This is a paragraph </p>

<br/>

Line break <br/>


Entity characters
Space:&nbsp; less than sign:&lt; greater than:&gt; double quotes:&quto; single quote:&apos;& symbol:&amp; Copyright:&copy; registered trademark:&reg;
Text formatting
<b> define bold characters <em> define accent text <i> Define Italic characters <big> define large characters <small> define small characters <strong> define aggravating tone <sub> Define subscript <sup> Define superscript <ins> define Insert words <del> define Delete words            
<a> Links
<a href= "url" target= "> This is a link </a>
Target Open mode:
_blank open a linked document in a new window
_self open a linked document in the same frame
_parent open a linked document in a parent frameset
_top Open the linked document throughout the window
<a href= "mailto: email address" > Mail link </a><a href= "Tel: phone number" > one-click Call </a><a href= "SMS: Phone Number" > One-click Send SMS </a>
./Current Directory
.. /back to previous level directory
Images/into a level directory
.. /images/go back to the previous level directory and enter the images directory
Anchor Point
Commonly used in catalogs, page content positioning, back to the top
<a href= "#锚的名称" > </a><a name= "anchor name" > </a>
Using the id attribute instead of the Name property to name the anchor is equally valid
 Images
The information displayed when the ALT image fails to load
Title Mouse moves to the information prompted on the image
Width,height defines the width and height of an image, defining only one of them, and the other automatically adjusts proportionally
Image Hot Zone
<map name= "Zhuang" >    <area shape= "" coords= "" href= "url"/>< /map>
Shape hot zone shapes, rect (rectangle), Circle (Circle), poly (Polygon)
coords the coordinate value of the shape:
X1,y1,x2,y2: If the Shape property value is Rect, the value specifies the coordinates of the upper-left and lower-right corners of the rectangle
X,y,radius: If the shape attribute value is circle, the value specifies the coordinate and radius of the center
X1,y1,x2,y2,...,xn,yn: If the Shape property value is poly, this value specifies the coordinates of each edge of the polygon
<ul> unordered List
<ul type= "" >    <li>1</li>    <li>2</li>    <li>3</li></ul>
Type disc (solid circle), Circle (Hollow Circle), Square (solid square)
Type= "None", go to the front of the list symbol
<ol> ordered list
<ol type= "" start= "" reversed>    <li>1</li>    <li>2</li>    <li>3</li ></ol>
Type 1 (Arabic numerals), a (lowercase letter), a (uppercase letter), I (lowercase roman alphabet), I (uppercase Roman alphabet)
Start= "5", define the list number starting from 5th
Reversed, defines the list ordinal as descending
<dl> Custom Lists
<dl><dt>coffee</dt><dd>-Black Hot drink</dd><dt>milk</dt><dd>- White Cold drink</dd></dl>
<table> Forms
<table> definition Table
<th> table headers for defining tables
<tr> define rows for a table
<td> Defining table Cells
Width to define table widths px,%
Height defines a table's altitude px,%
Border defines the width of the table border
cellpadding define the spacing between the border and the content
cellspacing define the spacing between cells
Align defines the alignment Left,right,center
valign define the vertical arrangement Top,middle,bottom
Colspan defining merged column cells
RowSpan Defining merged row cells
<table width= "300px" height= "90px" border= "0" cellpadding= "0" cellspacing= "1" bgcolor= "Black" >    <tr height= "33.3%" >        <td width= "33.3%" rowspan= "2" bgcolor= "green" ></td>        <td width= "33.3%" Colspan= "2" bgcolor= "Blue" ></td>    </tr>    <tr heigh= "33.3%" >        <td width= "33.3%" Bgcolor= "Red" ></td>        <td width= "33.3%" rowspan= "2" bgcolor= "yellow" ></td>    </tr>    <tr heigh= "33.3%" >        <td width= "33.3%" colspan= "2" bgcolor= "purple" ></td>    </tr ></table>
Border= "0", cellspacing= "1" to set the thin line border of the table
<iframe> Inline Frame
Width defines the thickness of the frame px,%
Height defines how high the frame is px,%
Frameborder defines whether a border is displayed 1,0
Scrolling defines whether scroll bars are displayed Yes,no,auto
The IFRAME can be used as the target of the link, and the target property of the link must reference the IFRAME's Name property
<iframe src= "http://www.cnblogs.com" name= "Zhuang" > </iframe><a href= "http://www.baidu.com" target= " Zhuang "> Baidu </a>
Forwarding-html Basics (1)

This article is an English version of an article which is originally in the Chinese language on aliyun.com and is provided for information purposes only. This website makes no representation or warranty of any kind, either expressed or implied, as to the accuracy, completeness ownership or reliability of the article or any translations thereof. If you have any concerns or complaints relating to the article, please send an email, providing a detailed description of the concern or complaint, to info-contact@alibabacloud.com. A staff member will contact you within 5 working days. Once verified, infringing content will be removed immediately.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More