The understanding of HTML

Source: Internet
Author: User

After four weeks of learning HTML, I realized the magic of this HTML. In the Chinese and western (in the course of operation with the structure of <p></p> and so on, it can make the word become large and narrow the color, such as wonderful) in the case of a combination, on the Web page to show its subtlety.

HTML refers to Hypertext Markup Language (Hyper Text Markup Language) HTML is not a programming language, but a markup language (Markup Language) Markup language is a set of tag tags (Markup tag) HTML uses tag tags to describe web pages

<!----> Annotations Example: <!--This is a comment-

<body> defines the body of the HTML document.

<select id= "Year" name= "year" > <option value= "the" "" ">1992</option> <option>1993<          /option> <option selected= "selected" >1994</option> <option>1995</option> <option>1996</option> </select> drop-down list

Text description page between

The text between <body> and </body> is visible in the page content

The text between

The HTML title (Heading) is defined by tags such as

The image is defined by the tag. Example:

Links are instances defined by <a> tags: <a href= "http://www.baidu.com" > Baidu </a>

The <p> element defines a paragraph instance in an HTML document: <p> isn't it </p>

<br> instance of empty element (<br> label definition Wrapping) without closing the label: <br/> is the correct way to close an empty element

<name= the properties of the "value" > label

<H1 align= Examples of additional information on "Center" > align= "center" alignment: <H1 align= "center" >this is heading 1

<table> table using HTML

<body bgcolor= "Yellow" > Using background color

<table border= "1" > <tr><td></td></tr> using the table border

Class name of the specified element of the class (

ID Specifies that the element is unique

style Specifies the inline style of the element

<b> defines bold text.

<big> define large characters.

<a> Defining anchors

&nbsp; space Symbol

<table> definition Table

<caption> Define table headings

<th> table headers for defining tables

<tr> define rows for a table

<td> Defining table Cells

<thead> define a header for a table

<tbody> defining the body of a table

<tfoot> define a footer for a table

<col> Defining properties for table columns

       <colgroup> define a table column

        unordered list with <ul>  each list to use <li> start                 examples:    <ul>                            <li> haha </li>                           <li> hehe </li>                           </ul>         ordered list <ol>  use <li for each list > Start                instance:     <ol>                            <li> haha </li>                             <li> hehe </li>                          </ol>          Custom list <dl>  start with <dt> for each custom list. <dd> start for each custom list                 Example:   <dl>                             <dt> haha </dt>                              <dd> you want a shot? </dd>                             <dt> hehe </dt>                              <dd> who do you think </dd>                         </dl>         <ol> defining an ordered list

<ul> Defining unordered Lists

<li> Defining list Items

<dl> Definition Definition List

<dt> Define a project

Description of the <dd> definition definition

<span> is an inline element that is used for the composition of the container

<div> defining partitions in a document

<form> use in forms

<input type= "text" name= "FirstName"/> Input text frame

<button type= "button" > button </button> button disabled is required to disable this button.

Alt for alternate text for a range

Shape defines the shapes of the area

<blockquote></blockquote> tag Long references

<colspan= "rowspan=" "> Merging for cells

Selector Selector

P {color:deeppink; font-size:20px} #idp {background-color:orangered}. p1 {Color:blue} Input{colo r:red} a:link{color:red; Text-decoration:none} a:hover{text-decoration:underline Color:yellow; font-siz             e:20px} h1 {color:red; font-size:14px;} Different ways of changing colors

The ID, width, and height of the specified element: example: <canvas id= "MyCanvas" width= "height=" ></canvas>

        defines an internal style sheet in the head section through the <style> tag.                 Example:   < Head>                            <style type= "Text/css" >                              p {margin-left:20px}                            </style>                         

External style sheet <link rel= "stylesheet" type= "Text/css" href= "Mystyle.css" >

Link syntax <a href= "url" >link text</a> <a href= "http://www.w3school.com.cn/" target= " _blank ">visit w3school!</a>

Syntax for named anchors <a name= "label" >text to be displayed</a>

            Insert a picture from a different location              <p>                  images from another folder:                                 </p>

<p> images from W3School.com.cn: </p>

The ALT attribute is used to define a string of prepared, replaceable text for an image

Insert background image <body background= ". /i/eg_background.jpg "tppabs=" http://w3school.com.cn/i/eg_background.jpg ">

Both <p>gif and JPG files can be used as HTML backgrounds. </p>

<p> If the image is smaller than the page, the image repeats. </p>

             Leaf Layout                      <table width= "Border" = "0" >                          <tr>                              &LT;TD Colspan= "2" style= ">                                  &LT;H1 >main Title of Web page

          a radio box is used when the user chooses one of several given selections.

<form> <input type= "Radio" name= "Sex" value= "male"/> Male                         <br/> <input type= "Radio" name= "Sex" value= "female"/> Female </form>

The understanding of HTML

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.