HTML Note: "1"

Source: Internet
Author: User

---restore content starts---

    • The first is the HTML explanation:

  

    • tags are usually paired, surrounded by angle brackets, where the first tag is the start tag, the second tag is the end tag, <b> and </b>

The following is summarized in the HTML tutorial sequence

    • Element: Refers to all code from the start tag (start tag) to the end tag (end tag)
    • Properties: HTML tags can have properties that provide more information about HTML elements, often in the form of name/value pairs, always in the start tag of an HTML element, note: Property values are always enclosed in quotation marks, and are case insensitive

The following describes common elements and definitions

  • title :
  • Horizontal line:
  • Note :<!--comments--
  • paragraph :<p></p> (<p> block-level elements), defining paragraphs
  • styles :style, which provides a common way to change the style of all HTML elements
  • referencing The:<q> element defines a short reference
  • Conditional Comments :
  • CSS Styles: When the browser reads a stylesheet, it formats the document according to the style sheet, with three ways:
      • external style sheet : An external style sheet is an ideal choice when the style needs to be applied to many pages. With an external style sheet, you can change the appearance of the entire site by changing a file.
        • < Head > <  rel= "stylesheet"  type= "text/css"  href= " Mystyle.css "></head>
      • Internal style sheet: You can use an internal style sheet when a particular style is required for a single file. You can define an internal style sheet in the head section through the <style> tag.
        • <Head><styletype= "Text/css">Body{Background-color:Red}P{Margin-left:20px}</style></Head>
      • Inline Style : You can use inline styles when special styles need to be applied to individual elements. The way to use inline styles is to use style attributes in related tags. Style properties can contain any CSS properties. The following example shows how to change the color and left margin of a paragraph.
        •  <  p  style  =" color:red; margin-left:20px " >  this is a paragraph  </ p 
           >  
  • Link : HTML uses hyperlinks to connect to another document on the network, created by <a> tags, in two ways:
      • Create a link to another document by using the href Property-
         <  a  href  =" url " >  Link text</ a  >  

        href attribute specifies the target of the link

      • by using the name Property- Create a bookmark within a document
         <  a  name  = "label"  >  anchor (text displayed on page) </ a  >  
  • images : Image tags and Source Properties src, with attributes only, no closed tags
    <src= "url"/>
  • table : 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
  • List :
  • blocks : HTML elements can be combined by <div> and <span>
      • The <div> element is a block-level element that has no specific meaning and is used with CSS to set style properties on large chunks of content.
      • HTML <span> elements are inline elements that can be used as containers for text. The <span> element also has no specific meaning. When used with CSS, the,<span> element can be used to set style properties for some text.

  • classes : Categorize HTML (set classes) so that we can define CSS styles for the elements ' classes.

    Set the same style for the same class, or set different styles for different classes.

  • responsive web Design ?
      • RWD refers to responsive web design (responsive web designs)
      • RWD can deliver Web pages in variable sizes
      • RWD is required for tablets and mobile devices
  • <iframe>: This tab is used to display pages within a Web page
    <src= "demo_iframe.htm"  width= "$"  height= "200 "></iframe>
  • Script :<script> tags are used to define client-side scripting, such as JavaScript.

    The script element can contain either a scripting statement or an external script file through the SRC attribute.

    The required Type property specifies the MIME type of the script.

    JavaScript is most commonly used for picture operations, form validation, and dynamic content updates.

  • Head element:The element is a container for all head elements. The elements within

    The following tabs can be added to the Head section:<title>, <base>, <link>, <meta>, <script>, and <style>

      • <title>: defining the title of a document
      • <base>: Specify default address or default target (target) for all links on the page
      • <link>: defines the relationship between a document and an external resource, commonly used to connect style sheets
        < Head > <  rel= "stylesheet"  type= "text/css"  href= " Mystyle.css "/></head>

      • <style>:To define style information for an HTML document, you can specify the style that the HTML element renders in the browser within a STYLE element:
        <Head><styletype= "Text/css">Body{Background-color:Yellow}P{Color:Blue}</style></Head>

      • <meta>: meta data (metadata) is information about the data.

        The <meta> tag provides metadata about the HTML document. The metadata is not displayed on the page, but is readable for the machine.

        Typically, the meta element is used to specify the description of the page, the keywords, the author of the document, the last modification time, and other metadata.

        The <meta> tag is always in the head element.

        Meta data can be used in browsers (how to display content or reload pages), search engines (keywords), or other Web services.

---restore content ends---

HTML Note: "1"

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.