Front-end notes (1. HTML)

Source: Internet
Author: User

I've been learning a lot about the web lately, mainly including Html,css,js and PHP, taking notes and hoping to be helpful to friends just like me.

These notes are mainly derived from novice tutorials and w3school. I built a wampserver (Windows Apache Mysql PHP) environment and wrote the Web code using notepad++.

HTML aspect:

HTML, or Hypertext Markup Language, is a standard markup language used to create Web pages.

Spaces, carriage returns, and tabs are not supported in HTML, and they are parsed into a blank character. Spaces need to be used

tags are <p>

Element is <p> content </p>

The property is (underlined) <a href= "url">

Function Order:

Basis

Label

Describe

<! Doctype>

Defines the document type.

Defines an HTML document.

<title>

Defines the title of the document.

<body>

Defines the body of the document.

Defines the HTML caption.

<p>

Defines a paragraph.

<br>

Defines a simple fold line.

Defines a horizontal line.

<!--...-->

Defines a comment.

Format

Label

Describe

<acronym>

Defines abbreviations that take only the first letter.

<abbr>

Define abbreviations.

<address>

Defines the contact information for the author or owner of the document.

<b>

Defines bold text.

<bdi>

Defines the text orientation of the text so that it is set out of the direction of the text around it.

<bdo>

Defines the text direction.

<big>

Defines large text.

<blockquote>

Defines a long reference.

<center>

Do not approve of use. Defines the center text.

<cite>

Defines a reference (citation).

<code>

Defines the computer code text.

<del>

Defines the text to be deleted.

<dfn>

Define the definition of the project.

<em>

Defines the accent text.

<font>

Do not approve of use. Define font, size, and color for text

<i>

defines italic text.

<ins>

Defines the text to be inserted.

<kbd>

Defines the keyboard text.

<mark>

Defines the marked text.

<meter>

Define measures within a predefined range.

<pre>

Defines the pre-formatted text.

<progress>

Defines the progress of any type of task.

<q>

Defines a short reference.

<rp>

Defines if the browser does not support the content displayed by the Ruby element.

<s>

Do not approve of use. Defines the text to add strikethrough to.

<samp>

Define a sample of computer code.

<small>

Defines the small text.

<strike>

Do not approve of use. Defines and deletes strikethrough text.

<strong>

The accent text that defines the tone more strongly.

<sup>

Defines the superscript text.

<sub>

Defines the subscript text.

<time>

Defines the date/time.

<tt>

Defines the typewriter text.

<u>

Do not approve of use. Defines the underlined text.

<var>

Defines the variable part of the text.

<wbr>

Defines the possible line breaks.

Image

Label

Describe

Define the image.

<map>

Defines an image map.

<area>

Defines the area inside the image map.

<canvas>

Define the graphic.

<figcaption>

Defines the caption of a figure element.

<figure>

Defines the grouping of media content, as well as their titles.

Audio/Video

Label

Describe

<audio>

Defines the sound content.

<source>

Defines the media source.

<track>

Defines a text track used in a media player.

<video>

Define the video.

Link

Label

Describe

<a>

Defines the anchor.

<link>

Defines the relationship between a document and an external resource.

<nav>

Defines the navigation link.

List

Label

Describe

<ul>

Defines an unordered list.

<ol>

Defines an ordered list.

<li>

The item that defines the list.

<dir>

Do not approve of use. Defines a list of directories.

<dl>

Defines a list of definitions.

<dt>

Defines the items in the definition list.

<dd>

Defines the description of the item in the definition list.

<menu>

Defines a menu/list of commands.

<menuitem>

Defines a command/menu item that a user can invoke from a pop-up menu.

<command>

Defines a command button.

Form

Label

Describe

<table>

Defining tables

<caption>

Defines the table title.

<th>

Defines the header cells in the table.

<tr>

Defines the rows in the table.

<td>

Define the cells in the table.

<thead>

Defines the header content in a table.

<tbody>

Defines the body content in the table.

<tfoot>

Define the table notes (footnotes) in the table.

<col>

Defines a property value for one or more columns in a table.

<colgroup>

Defines a column group for formatting in a table.

Style/Section

Label

Describe

<style>

Defines the style information for a document.

<div>

Defines a section in a document.

<span>

Defines a section in a document.

Defines the header for a section or page.

<footer>

Defines the footer of a section or page.

<section>

Defines a section.

<article>

Define the article.

<aside>

Define content beyond the content of the page.

<details>

Defines the details of the element.

<dialog>

Defines a dialog box or window.

<summary>

Defines the visible caption for the <details> element.

Meta information

Label

Describe

Defines information about the document.

<meta>

Defines meta information about an HTML document.

<base>

Defines the default address or default destination for all links in the page.

<basefont>

Do not approve of use. Defines the default font, color, or size of text in a page.

Programming

Label

Describe

<script>

Define client script.

<noscript>

Defines alternative content for users who do not support client-side scripting.

<applet>

Do not approve of use. Defines the embedded applet.

<embed>

Define containers for external applications (non-HTML).

<object>

Defines the embedded object.

<param>

Defines the parameters of the object.

Front-end notes (1. HTML)

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.