Home > Developer > Web Develop
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
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> <TD Colspan= "2" style= "> <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
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
