12th article: HTML Basics

Source: Internet
Author: User

    1. HTML overview
    2. HTML Common Basic Tags
    3. CSS Format Introduction

First, HTML overview

1. Definition:

HTML, Hypertext Markup Language, written to the browser language, the most widely used language on the web today. HTML is also constantly updated, the latest version has appeared HTML5. There are many new features in HTML5, and some of the old elements have been abandoned. After we have written the HTML file, open it in the browser. Mainstream browsers include IE, Firefox, Chrome, Goole, and more.

2. Label elements:

HTML elements consist of a start tag and an end tag. such as <p>/<p>,

3. Basic Architecture:

The structure consists of the head of the Web page and the body of the Web page. Here's an example:

<! DOCTYPE html>

In the example above, the first label

Second, HTML common basic tags

1.h Tags:

The HTML title (Heading) is defined by tags such as

<! DOCTYPE html>

2.P Tags:

The HTML paragraph is defined by the <p> tag.

<! DOCTYPE html>

3.A Tags:

HTML links are defined by the <a> tag.

<! DOCTYPE html>

4.IMG Tags:

<! DOCTYPE html>

5.hr Tags:

<HR/> Tags Create horizontal lines in the HTML page.

The HR element can be used to delimit content.

<! DOCTYPE html>

6.UL Tags:

An unordered list is a list of items that are marked with a bold dot (typically a small black circle).

The unordered list starts with the <ul> tag. Each list item starts at <li>.

<! DOCTYPE html>

7.ol Tags:

Similarly, a sequence table is a list of items that are marked with numbers.

The sequence list starts with the <ol> tag. Each list item starts with the <li> label.

<! DOCTYPE html>

8.DL Tags:

A custom list is not just a column of items, but a combination of items and their annotations.

The custom list starts with the <dl> tag. Each custom list item starts with <dt>. The definition of each custom list item starts with <dd>.

<! DOCTYPE html>

9.table Tags:

The table is defined by the <table> tag. Each table has several rows (defined by the <tr> tag) and each row is split into several cells (defined by the <td> tag). The letter TD refers to the table data, which is the contents of the data cell. Data cells can contain text, pictures, lists, paragraphs, forms, horizontal lines, tables, and so on.

<! DOCTYPE html>

10.form form:

(1) Text:

<input type= "Text" > defines a single-line input field for text input.

<! DOCTYPE html>

(2) Password:

<input type= "Password" > defines a single-line input field for password input.

<! DOCTYPE html>

(3) Radio:

<input type= "Radio" > Defined for radio buttons.

<! DOCTYPE html>

(4) CheckBox:

<input type= "checkbox" > defined for the Check button.

<! DOCTYPE html>

(5) Submit:

<input type= "Submit" > defines the button used to submit a form to the form handler (Form-handler).

A form handler is typically a server page that contains a script to process the input data.

<! DOCTYPE html>

Third, the introduction of CSS format

CSS three ways of referencing:

1. Label Introduction:

<! DOCTYPE html>

2.id Introduction:

<! DOCTYPE html>

3. Class Introduction:

<! DOCTYPE html>

12th article: HTML Basics

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.