HTML DefinitionHTML Hypertext Markup Language
Web page: HTML as the markup language for writing the document
HTML elements and tags The structure and format are done by an HTML element, which is a contained range defined by a single or a pair of tags.
<>: Label
start tag: no/, including a list of allowed attribute-value pairs.
end tag: A tag with a slash/start
four different forms Empty element
<br>
Empty element with attributes
<HR color = "Blue" >
Elements with content
<title>http://www.sunxin.org</title>
Elements with content and attributes
<font color= "Red" >http://www.sunxin.org</font>
Tips: 1, do not follow the HTML framework format browser will also correctly parse
2. Tag attributes are optional
3, attributes can be added double quotation marks can also not add
4. Label and attribute names are not case-sensitive
5. If there are multiple whitespace characters (spaces, tabs, carriage returns, line wrapping), the browser will only resolve to a single space character when displayed
tags related to paragraph label control <p align= "#" >
Represents paragraph, Function: Create a segment, attribute align represents the alignment of segments, #可以是left, center, right, justify
<br>
Line break action: newline
<HR color= clr>
Represents the horizontal rule effect: Inserts a horizontal line, and the attribute color is used to develop the color of the lines: the CLR can be a name with the color defined: Red,blue,green,black, etc., can also be a color value in the 16 binary clr= #rrggbb
Tips:
RGB Primary Colors Each of these components uses a two-bit hexadecimal number to indicate that 00 to FF represents the strength of each color component, a smaller value, Represents a darker RGB component; Conversely, a color is represented by a 6-digit hexadecimal number 000000: Black FFFFFF: White ff0000: Red
labels related to text display <center></center> Center text in the display
Used to indicate the title of the document, N is an integer from 1 to 6, 1 represents the maximum title, 6 is the minimum caption, and align is used to set the caption to its way, #可 To be left center right
<font size=n color=clr> </font>
Set the text size, n can be an integer from 1 to 7, color indicates
<b> </b> Bold
<i></i> Italic
Enter special characters
enter it in a referenced way:
character references: All start with & and end with. Character reference to add a # after & followed by a decimal or hexadecimal code for the desired character
Entity Reference: a mnemonic that writes characters after &, and The entity reference is case-sensitive.
HTML Annotations<!--annotation information--Do not add "--" to a string in the contents of a comment
ListList--Create a list of numbered numbers Create a numbered list with <ol> and <li> tags
using the Start property in the <ol> tab, set the starting sequence number
Use the Value property in the <li> tab to change the number within the list
List-Specify the format and order of numbersin the <ol> and <li> tags, use the type attribute to specify the type of the numbering system
List--Create a bulleted list <ul> and <li> creation
Its Type property specifies the symbol's style disc--is displayed as a solid circle
square--Display as solid blocks
circle--Display as a hollow circle
List---unsigned list <dl><dt> tags creating an unsigned list
<dd> Label substitution <dt> Create indented list
Ctrl+r Replacement
Selection Text
List--establishing a glossary of terms using <dt><dd> to establish a glossary of terms is divided into two parts: the term and its description <dt> presentation term
<dd> Designation Instructions
TableDefining Tables <table></table> definition Table
Border defines the width of the border, default to 0 no border
Align user on its way, left center right
bgcolor background color.
<caption> Define a title
<tr></tr> Add row valign Specifies that the line is aligned in the vertical direction
<th></th> Defining a table header
<td></td> Define Cells
formForm Creation
The basic syntax is as follows
<form method= "Get or post" action = "URL" >
</form>
method is used to specify the HTTP method used when sending form data to the server, either get or post, get is the default method, the submitted data is appended to the end of the URL, and sent to the server side as part of the URL,
<Input> Elements The information that is used to accept user input.
is an empty element with a property that is used to create a control in a form whose syntax is
<input type= "" Name= "" size= "" value= "" >
Property Type is used to specify the type of space to create, the name of the control, and the server segment script that processes the form to obtain the form data represented by a name-value pair, which can be taken out of the corresponding value, and the Name property does not appear in the form. The size is used to specify the initial width of the form space, and the property value specifies the initial value of the control.
Single-line text input control (type= "text"), submit button (submit), reset button (reset), password input control (password), radio button (radio), check box (checkbox), Hides the control (hidden).
list Box
<select> Create <option> list boxes for each option with <option> element provides
Multi-text input controls
The syntax for creating multi-line text input controls is
<textarea name = "name" rows = "number of rows" cols= "Number of columns" >...</textarea>
Hypertext Links
the difference between HTML and plain text is the ability to have hyperlinks. Hyperlinks work properly, there is a way to locate resources on the Internet, which is implemented via URLs, URL full name uniform Resource Locator, Uniform Resource Locator.
consists of three parts: protocol, host name, file directory, and file name.
The syntax for creating a link is as follows: <a href = "URL" >...</A> the. Property href is used to specify the target of the link, and the destination address is specified by the URL. <a>, .... The text entered between </a> will act as the link text displayed in the browser.
embedding images
The embedded image syntax is as follows: where src specifies the location of the image resource
Learning Experience:
The first contact with HTML is in the Beef Brisket news release system, the above elements of HTML application in the press release System application, in Xinxin Sun's 2-hour video once again specialized learning HTML, this is the basis for learning B/s later. The element syntax can only be used to design a beautiful web front-end. In later life, pay more attention to the design of more mature pages, draw the need, and then on the shoulders of giants.
HTML---xinxin Sun
