简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）
Home
Article
Q&A
Course
Topic
Download
Game
Dictionary
Recent Updates

Home  >  Article  >  Web Front-end  >  Getting started in 30 minutes HTML_html/css_WEB-ITnose

Getting started in 30 minutes HTML_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:40:39875browse

1. HTML tags

1. Title tags

-

and other tags are defined.

2. Paragraph tags

3. Image tags

For example:

In short, please note: Don’t forget the closing tag for all tags.

2. Elements

elements refer to all codes from the start tag to the end tag. Elements can be nested.

For example:

element

Note:
means line break.

represents a horizontal line.

3. Attributes

tags contain more information in HTML, usually represented by attributes. Attributes Always appears as name/value.

For example: Hyperlink

1. Style

Function: Used to modify elements.

Format: Element

For example:

Style Changed

2.target

Function: Open the link in a new browser window

For example: Open the link in a new browser window

2. Hyperlink

Function: Jump url

Format:< Tag href="url">Element

3. Anchor

Function: Reduce server requests.

FormatElement

For example:Useful Tips Section

Jump to the Useful Tips Section.

Note:

If you write the link like this: href="http://localhost:3000/html", two HTTP requests will be generated to the server. This is because the server will add a forward slash to the address and then create a new request, like this: href="http://localhost:3000/html/" Naming anchors are often used to create table of contents in long documents. . Each chapter can be given a named anchor, and links to these anchors are placed at the top of the document.

If the browser cannot find a defined named anchor, it will navigate to the top of the document. No errors will occur.

4. Table

Row

Table Data

Each row contains multiple tabular data. The tabular data can include text, pictures, lists, paragraphs, forms, horizontal lines, tables, etc.

Table border:

Header of each column: Column name

Caption: Caption

Note: Empty cells 

Spanning columns: Content

Cross line: Content

List:

  • < /li>

    Cell padding:

    Cell spacing:

    < ;/table>

    Table background color:

    Table background image:

    Cell background color:

    Cell background image:

    ...etc

    5. List

    Unordered list:

    Ordered list:

    Custom list: with

    Tag starts. Each custom list item begins with
    . The definition of each custom list item begins with
    .

    For example:

    Coffee

    Black hot drink

    Milk

    White cold drink

    6. Form

    Format:
    input element

    For example:

    Type:

    textField -> text

    Radio-> radio

    Check-> checkbox

    action: response


    Statement：
    The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
    Previous article：A few simple css setting issues: div is centered, ul li does not wrap, the content exceeds the automatic ellipses, etc._html/css_WEB-ITnoseNext article：A few simple css setting issues: div is centered, ul li does not wrap, the content exceeds the automatic ellipses, etc._html/css_WEB-ITnose

    Related articles

    See more