PHP Full stack Development (iv): HTML Learning (1. Base tag + table label)

Last Update:2018-08-05 Source: Internet

Author: User

Tags unique id

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

Simply learn the HTML

Learn HTML using the method of learning on www.runoob.com.

The website also provides an online editor.

The HTML editor then uses the notepad++

Remember on Emmet's official website Http://emmet.io download suitable for notepad++ Emmet to increase the speed of code editing.

<!DOCTYPE HTML><HTML><Head><MetaCharSet= "Utf-8"> <!-- to describe the encoding of an  HTML page--  <title>Document title</title></Head><Body></Body></HTML>

This is a standard HTML page template

Head element

<base>

The base tag can describe the default link for all links in an HTML document, and you can specify how all links in the HTML are to be redirected, that is, the target

< Head > <  href= "http://www.runoob.com/images/"  target= "_blank"> </ Head >

<link>

The link tag defines the relationship between an HTML document and an external resource, such as which CSS style sheet is linked to.

< Head > <  rel= "stylesheet"  type= "text/css"  href= "Mystyle.css"  ></head>

<style>

Style elements can be added directly to render HTML pages

{Background-color:Yellow}  {color:Blue}</style>

<mate>

Mate elements can specify the description of the page, keywords, modification time, author, encoding, refresh interval, etc.

<meta name="keywords"Content="HTML, CSS, XML, XHTML, JavaScript"> #定义关键词 <meta name="Description"Content="free Web & Programming Tutorials"> #定义描述 <meta name="author"Content="Jack-peng"> #定义作者 <meta http-equiv="Refresh"Content=" -"> #每30秒刷新一次页面
<meta charset= "Utf-8" > #定义编码

Some common tags/elements

Hyperlink <a>:

<ahref= "/HTTP connection URL address" target="_blank"     >Link</a>

<!-- target="_blank" means that the link opens in a new window     --
<!--if the link location is in the frame, target= "_top" will help you jump out of the frame target="_blank"     Also has the same effect, but will open in a new window, the original window does not move. -

Photo :

<src= "/images/logo.png"  width= "258"  height= "39 " border=" 0 "/>

The border property defines the border of the picture

Form <table>:

<!DOCTYPE HTML><HTML><Head><MetaCharSet= "Utf-8"><title>Document title</title></Head><Body>

    <TableBorder= "1">            <TR>        <th>Account</th>        <th>Password</th>      </TR>            <TR>      <throwspan= "2">Vip</th>      <TD>5768</TD>      </TR>            <TR>      <TD>4567</TD>      </TR>            <TR>        <TD>Jack</TD>        <TD>123437</TD>      </TR>            <TR>        <TD>Alex</TD>        <TD>123123</TD>      </TR>             <TR>        <TD>Alex</TD>        <TD>123123</TD>      </TR>                <TR>        <TDcolspan=2>Watchmakers: XXX</TD>      </TR>        </Table></Body></HTML>

Tables are created using tags <table>, the border property is the border of the table, generally we do not create a table with a border of 0, because this is not a table at all.

<tr> represents each row of the table, which can be interpreted as a table row, a TR is a row of the table, each row has multiple columns, and a TD label is used to represent the column.

You cannot use the <td> label alone,<tr> label is a container for <td> labels. <td> tags are actually more appropriate for the cells inside the table.

In addition to the <td> and <th>,th, the <tr> tag represents the table header, which is actually the <td> bold display, which can be used as the first row or as the first column of the entire table.

Across rows and across columns, the cross-row and cross-column display can only be set in TD or TH, because this is the operation of the cell, and the TD and th are the cells.

TR is not a cell, it is an entire row.

There are also cell spacing, margins, and so on can be set, which is no longer discussed here.

Some of the commonly used empty elements

< BR > line breaks, multiple line break overlays are active

Common Properties for elements/tags:

Class  defines one or more classes for the HTML element (classname) (the class name is introduced from the style file)
ID     defines the unique ID of the element
Style  specifies inline styles for elements (inline style)
TITL   describes additional information for the element (used as a tool bar)

PHP Full stack Development (iv): HTML Learning (1. Base tag + table label)

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