Based on HTML, HTML Basics

Source: Internet
Author: User
Tags comment tag

Based on HTML, HTML Basics
Knowledge Point 1: HTML

Hyper Text Markup Language
Hypertext markup language.
Standard HTML structure:

<! Doctype html> Declaration Document Type 

Suffix: Html is the same as htm,
The extension name cannot determine the file format, but can only determine how the file is opened.

HTML Tag classification:

Single Tag: <! Doctype html> dual tags: 

Basic Tag:

Single Tag: Comment Tag: <! -- Commented content --> line feed label: <br/> horizontal line label: <P> today is the first day of formal learning. </P>
Title label 
Image Tag:  src: Source of the image. Alt: The text displayed when the image cannot be displayed. Title: Text displayed when you move your mouse over it. Width: width. Height: height. Note: When the width and height attributes are not written, the image is displayed in, and only scaled proportionally when the image is written.
Knowledge Point 2:

Path:

Relative Path: the path relative to the file. If/is used in the current directory, it can be obtained. If it is used in the upper-level directory of the current directory ...

Hyperlink: <a href = ''title ='' target = ''> hyperlink name </a> href: URL of the jump page. Title: Text displayed. Place the cursor over the displayed text. Target = '_ self' default value. Close the page and open the connection page. Target = '_ blank' when the new page is opened, the old page is not closed.

Anchor: it is a kind of conceptual thing, and it is not actually a tag:

1. first define an anchor: '<p id = 'maodian'> </p> '2. use a hyperlink to jump back to the anchor: '<a href =' # maodian '> hyperlink </a>' note' # maodian 'is an Id selector of the css selector, which will be learned later.

Empty chain:

<A href = '#'> </a> redirects to the optimized format of the page hyperlink. 'Add the following to 

Here are special characters:

Knowledge Point 3: List

1. Unordered list:

  • Unordered list item 1
  • Unordered list item 2
  • Unordered list item 3
<Ul> <li> unordered list item 1 </li> <li> unordered list item 2 </li> <li> unordered list item 3 </li> </ul>

2. Ordered list:

<Ol> <li> ordered tag 1 </li> <li> ordered tag 2 </li> <li> ordered list 3 </li> <ol>

Attribute type start

Type: 1, a, A, I, I

Start: determines the start position. The values are Arabic numerals 1, 2, and 3.

3. Custom list:

This is the title

Explanation Title 1

Explanation Title 2

<Dl> <dt> This is a subtitle </dt> <dd> Title 1 </dd> <dd> Title 2 </dd> </dl>
Knowledge Point 4:

Miscellaneous:

1. Music Tag:

<embed src='' hidden='true'>

2. Scroll:

 

 

 

Related Article

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.