Web Authoring (HTML) Primer Basics and examples

Source: Internet
Author: User
Tags control label parent directory

HTML : (Hyper Text Markup Language) Hypertext Markup Language

HTML Basic notation:

Control information on the Web page;--Utf-8: A decoding method for domestic use

<title> Page Title </title>

<body>

What the page displays

</body>

Properties of the body:

BgColor page background color

Text text color

TopMargin on page margin

LeftMargin left page margin

RightMargin Right page margin

Bottomargin Next page margin

Background background Wallpaper

1.1. General label 1.1.1 , Format control label

<font color= "" face= "" size= "" ></font> control font; color= "# #FF0000"; face, font, size, font.

<b></b> Font Bold

<i></i> Tilt

<u></u> Underline

<strong></strong> font Bold (emphasis, tone reinforcement)

<em></em> font Tilt (emphasis, tone enhancement)

<center></center> Center

<br> or <br/> equivalent to carriage return

&nbsp; indicates that spaces can also be pressed in the design page ctrl+shift+space

1.1.2 , Content container label

<p></p> paragraph labels (blank lines between paragraphs)

<div></div> Layer Label (default line)

<span></span> Layer Labels (how much space is used by default)

<ol type= "1" >--sequential list with a serial number of ..., you can change the ordinal form in quotation marks

<li> content </li>

<li> content </li>

</ol>--The above "ol" is changed to "UL" is an unordered list

“.. /"indicates the parent directory

"./" indicates the current directory

Relative path: Finds from the current page.

Absolute path: Search from the root of the site. "/", which represents the root of the site.

 

1.2. Common label

Hyperlink label

<a href= "hyperlink address" target= "_blank" > Hyperlink text </a>--href (hyperlink reference); _blank is open in a new window.

The first step: do the anchor point label. <a name= "" ></a>

Step Two: do anchor links. <a href= "The value of the name of the target link" ></a>

Picture label

--high heel width set one, the display picture is scaled proportionally. ALT displays text when a picture cannot be loaded, and also helps search engines.

Web Authoring (HTML) Primer Basics and examples

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

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

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

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

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.