Html+css+javascript (1) __ Beef Brisket Study

Last Update:2018-07-27 Source: Internet

Author: User

Tags html header

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

Learning Web technologies inevitably touches HTML, CSS, and JavaScript. These things are a necessary tool for learning Web programming design. This blog describes what the three are and the relationship between them. Let beginners have a macroscopic understanding of web technology. "HTML"

HTML is the main language of web design. It's all called (Hypertext Markup Language), which is the meaning of Hypertext Markup language. It can even be written in any text editor, as long as the save format is changed to (. html). Example: Use text to edit a Web page as shown:

When opened using a browser, the:<title> display as the title of the browser page,<body> as the main content of the page.

The main frame of HTML consists of three pairs of tags:

Where HTML is the scope of the entire frame, the head tag is the page title. Body is the main content. Inside the body can be inserted into a variety of tags to form paragraphs, headings, forms and so on. (The definition of all the labels in the figure is viewable in the tag attribute below).

The Html language has a finite number of things, and it has all the syntax and usage. The display of the Web page is the most original body content, as we usually see the font size, pictures, animations, forms, etc., are added through the attributes of HTML. The element of HTML is the most basic display in a Web page. is the visual content that the producer wants to present to us. Some of the other messy dynamic effects and color rendering are enriched by other techniques.

The following are all the tags and attributes of HTML, a blog is unlikely to make you a master of Web development, but can give you a macro understanding of web development control. The following are all the tags and attributes for HTML, and I classify them according to the functionality of the implementation, so that you can just come and see when you know how to implement a function.

HTML header Tag

Mark	Describe	Mark	Describe

<base>	Current document URL full name, base URL	<style>	To set the contents of a CSS cascading style sheet
<title>	Set the title above the browser	<link>	Set up links to external files
<isindex>	Table name the document is a gateway script that can be used for retrieval	<script>	Set the contents of a program script in a page
<meta>	The original information of the document itself, such as a query keyword, used to get the validity period of the document

Meta-Information tags (properties of meta tags)

Http-equiv	Generate an HTML header field	Name	Key words
		Content	Keyword is evaluated

HTML principal tag (Body property)

Property	Describe	Property	Describe
Text		Alink
BgColor		Vlink
Background		Topmargin
Bgproperties		Leftmargin
Link

Title Tag

Label	Describe	Label	Describe
	First Level title
H2	Second-level title
H3
H4
..
..
H6	Level six title

Text-Decorated markers

Mark	Describe	Mark	Describe
<b>	Bold body	<a>	Delete Line
<strong >	Bold body	<strike>	Delete Line
<i>	Italic body	<address>	Address
<em>	Italic body	<tt>	Typewriter writings
<cite>	Italic body	<blink>	Flashing text
<sup>	Superscript	<code>	Equal width
<sub>	Subscript	<samp>	Equal width
<big>	Large font Size	<kbd>	Keyboard input Text
<small>	Small font Size	<var>	declaring variables
<u>	Underline

Font mark (Font Tag property)

Property	Describe	Property	Describe
Face	Font	Color	Color
Size	Size font

List tags

Label	Describe	Label	Describe
<ul>	Unordered list	<menu>	Menu List
<ol>	Ordered the table	<dt>/<dd>	Define a label for a list
<dirl>	Directory listings	<li>	Label for list item
<dl>	Definition List

Hyperlink marker

Property	Describe	Property	Describe
Href	Specify a link address	Title	Tip Text to a link
Name	To name a link	Target	Specify the link target window


Properties of the linked target window
_parent	Open in the previous level window	_self	Open in same window
_blank	Open in New window	_top	Open in the entire window of the browser, ignoring any frames

Picture tags

Property	Describe	Property	Describe
Src	Picture Address	Vspace	Vertical Spacing
Alt	Hint text	Align	Sort
Width/height	width, height	Hspace	Horizontal Spacing
Border	Border

Align Property
Property	Describe	Property	Describe
Top	Top of picture	Absbottom	Bottom
Middle	Middle	Absmiddle	Middle
Bottom		Baseline
Left	Left	Texttop	R
Right	Right

Table tags

Label	Describe	Label	Describe
<table>	Form	<td>	Cell
<tr>	Yes	<th>	Row table Header

<TR > tag Properties
Align		BorderColor
valign		Bordercolorlight
BgColor		Bordercolordark
Background

Form tags

td> td>

Properties	Description	Properties	Description
Name		Action	;
Method	Get, post

<input>	Form input Mark	Menu and list item tags
<select>	Menu and list tags	<textarea>	Text field

Input tags (inputs)

Property	Describe	Property	Describe
Name	Name of the domain	Type	Type of field

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