Experimental Building HTML Basics Learning

Source: Internet
Author: User
Tags html form

HTML Basic Introduction

HTML, a language that describes a Web page

Structure
    • Html
      • Head
        • Title
        • Script
      • Body
        • ...
Document
Label

The element is an entire bar, such as

While the label represents one, such as

,

HTML text HTML elements


A line break

Two line break

HTML properties

is defined in the start tag of the HTML element. Always appears in the form of a name and value, for example: Name= "value". Property values should always be included in quotation marks. Double quotes are the most common, but using single quotes is no problem

HTML text formatting

Common

    • < b> (bold) bold
    • < big> (big) Large font
    • < Em> (emphasized) accent
    • < i> (italic) italic
    • < small> (small) Small font
    • < strong> (strong) aggravating tone
HTML style

With style one go to solve the background, colors, various

Hypertext links
    • < a href= "http://www.shiyanlou.com" >shiyanlou</a>
    • Target equals _self or _blank
    • Add hint text title
    • How to berth in a page, anchor

         <a href="#跳转目的地名称">跳转起始字符</a>   ...   ...   ...   <a name="跳转目的地名称">跳转目的地字符</a>
      Form
       <table  align="center" border="1">          <tr>        <td>first row and first column</td>        <td>first row and second column</td>        <td>first row and third column</td>        </tr>        <tr>        <td>second row and first column</td>        <td>second row and second column</td>        <td>second row and third column</td>        </tr> </table>  

      Property

    • Border outer Frame
    • Colspan: Controls the number of columns that this unit occupies
    • RowSpan: Controls the number of rows that this unit occupies

HTML images
    • Align properties, adjust the alignment bottom, middle, top around the parameters can be added right,left default to right
    • Width= "height=" 80 "
    • Required Area click
      • Rect (Rectangle), Circle (Circle), poly (Polygon)
      • The coords has 4 values, separated by commas, representing the x-coordinate of the upper-left corner of the rectangle, the y-coordinate in the upper-left corner, the lower-right x-coordinate, and the lower-right y-coordinate

        <map><area shape="rect" coords="" href="" target=""></map
List (order, Unorder)
<ol> <li>balabala</li> </ol>

Order: Type, what sort to use; start, starting with what?
Unordered: Type,disc (default) solid black dots; Circle Small Circle; Square Square Point

Comments
<!--这是一段注释。注释不会在浏览器中显示。-->
HTML form

Submissions for data, comments

<form> <input type="radio" name="sex" value="male" /> Male <br/> <input type="radio" name="sex" value="female" /> Female </form>

Type types

    • Usename, password
    • Radio box radio, multiple marquee checkbox
Basic Summary Experiment Interception

Choose the table unilaterally, CSS what temporarily regardless of

<!DOCTYPE html>
Reference links

Experimental building front-end path

Experiment Building HTML Basics Learning

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.