HTML Learning Note Day

Source: Internet
Author: User

HTML Learning Notes

Day of

Charter Text style labels in the three web site

3. 1 Setting the title font

Syntax structure: title text

Note: The # can be 1,2,3,4,5,6, different numbers represent the size of the title, the larger the number the smaller the font.

3.2 Setting page text styles

Syntax structure: text content

Note: The # can be 1,2,3,4,5,6,7, different numbers represent the size of the title, the larger the number the larger the font.

3.3 Text layout Labels

Text Indent Tags:

Syntax structure:

text content

Function: It is to indent the contents of the whole paragraph and not to indent the first line, so he is often used for references.

Preserve formatting Tags: syntax structure:

 text content 

Function: Used to keep spaces and line breaks in text

Inline row Labels

Syntax structure: text content

Role: It is meaningless in itself, and he wants to use it in conjunction with CSS.

3. 4 Physical style-based text labels

Bold label

Syntax structure: Bold text

Italic label

Syntax structure: Italic text

Underline label

Syntax structure: text

Text marker Labels

Syntax structure: text

Properties: Cite and datetime, which indicate the link to the document or modify the original link, in short, is a link, the latter point is the modified time

Delete line Labels

Syntax structure: text or text

Superscript label

Syntax structure: italic text

Subscript Label

Syntax structure: italic text

3. 5 logical style-based text labels

The logical style tag refers to the browser's understanding of the label and then shows the effect

text

text

The previous label is to make the text big one, the next one is to let the text smaller one number

Special Note: There is no font,big,small,u tag in HTML5, there will be a horizontal line when you write, but can be executed, the effect can also be displayed, the reason is that the browser can also read the meaning of the label

Chapter Four Hyperlinks

4.1 Creating a Hyperlink

Syntax structure: The name shown is

4.2href Properties

Other locations linked to the same page

Syntax structure:

<a name= "n" > Display name </a>

<a href= "#n" > Display name </a>

The two who were in front of who had no relationship the key is the value of the Name property and the value in the href attribute to correspond to, often used in cases where the page is too long

Local relative path 1, sibling link: directly write the name of the linked HTML can be

2. Subordinate Links:

"FileName/name of the linked HTML"

3. Parent Link

”.. /The HTML name of the link "

Spatial URL Absolute Path URL

"http://www. Baidu. com/"

In order to standardize the general to be in the final position plus/;

4.3target Properties

Function: Used to control the opening of a link target

Way: _blank: Open in new window

_parent: Open in the parent window, the original page will be overwritten _self: In the current window open, regardless of the frame and the former is the same _top: Open links will appear in the topmost form, without regard to the framework of the case and the former is the same

HTML Learning Note Day

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.