"2017-03-20" HTML basics, tags, tables, table nesting and layout, hyperlinks

Source: Internet
Author: User

First, HTML Web site (site), the basic knowledge of the Web

HTML is the name of a programming language: Hypertext Markup Language

Can be understood as: beyond the scope of the text, can have pictures, video, audio, animation effects and other content, the use of marked methods of programming computer language

Basic format:

<title> Title name </title>

Web rendering, effects

<body>

Web content

</body>

Second, Mark

Add comments:<!--comments--

1. Text mark

Text bold:<b> text </b> or <strong> text <strong>

Text Tilt:<i> text </i>

Text Underline:<u> Text </u>

Text color, size, font: <font color= "" size= "" face= "" > Text </font>

Color can be the English name of the colors, or any of the 3 letters (http://tool.oschina.net/commons?type=3) between the #+ (a-f) and the color number

Size=1-7 one of the numbers 1 min, 7 max

Face directly write the Chinese name of the font can be

2. Picture Mark

(Picture Best and HTML file in one folder for easy operation). /Up one level

Title is a picture label that shows the effect: placing the mouse over the picture will show the contents of the label for that picture

If you want to zoom in or out of a picture, just control the width or height of one of the items

The width and height can be numeric, or%,width=100% is to tile the picture left and right, height=100% to tile the picture up and down

3. Common Mark

&nbsp; --Space

<br/>--line break

<p> paragraph content <p>--The paragraph will be empty line up and down

Third, form

1. Basic format

<table>--form

<tr>--Line

<td></td>--cell

<td></td>

<td></td>

</tr>

<tr>

<td></td>

<td></td>

</tr>

</table>

Represents creating a table with 3 cells in the first row and 2 cells in the second row

2. Properties

Border= ""--border thickness, 0 or 1

Width= ""--width, px or%

Height= ""--height, px or%

Align= ""--horizontal arrangement format, Center/left/right

Valign= ""--vertical arrangement format, Center/top/bottom

Bgcolor= ""--background color

Background= ""--background image

Cellspacing= ""--spacing between cells

Cellpadding= ""--spacing between cells and content

3. Remove the blank border around the table in the browser interface

Enter the following code in

<style type= "Text/css" >

*{

padding:0px;

margin:0px;

}

</style>

Iv. hyperlinks

<a href= "link Address" > Image/Text </a> --click on the image/text to jump to the link page directly from this page

Note: If the link address is a local address, fill in the relative path, if the link address is a public URL, you must add http: //

<a href= "link address" target= "_blank" > Pictures/Text </a> --click on the image/text and the new page will jump to the link page

"2017-03-20" HTML basics, tags, tables, table nesting and layout, hyperlinks

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.