Home Web Front-end H5 Tutorial HTML reference

HTML reference

Dec 14, 2016 am 10:58 AM

Basic tags
Create an HTML document
Set the document title and other information that is not displayed on the WEB page
Settings Visible part of the document
------------------------------------------------ ----------------------------------
Title tag
Put the title in the title bar
--------------------------------------------- ----------------------------------------
Overall document properties
Set text color, use name or hexadecimal value
Set link color, use name or hexadecimal value
Set the color of the link that has been used, using the name or hex value
Set the color of the link that is being hit, Use name or hex value
------------------------------------------------- ---------------------------------------
Text tag

 Create preformatted text 

Create the largest headline
Create the smallest headline
Create boldface
< ;i> Create italics
Create typewriter-style fonts
Create a quote, usually italic
< /em>
Emphasize a word (usually italics and boldface)
Emphasize a word (usually italics and boldface)
Set the font Size, from 1 to 7
Set the font color, using name or hexadecimal value
---------------- -------------------------------------------------- --------------
Link
Create a hyperlink
< ;/a> Create a link that automatically sends an email
Create a target inside the document
< /a> Create a link to the target located inside the document
------------------------------------------------ --------------------------------------------------
Formatting
< p> Create a new paragraph

Align the paragraph to the left, center, or right

Insert a carriage return and line feed
Indent text from both sides
< dl> Create a list of definitions

Place before each definition term
Place before each definition
    Create a list labeled with a number A list of
  1. placed before each numeric list item and a number
      creates a list marked with a dot
    • placed before each dot Before the list item, add a dot
      A tag used to format large HTML paragraphs, and can also be used for formatting
      --------------- -------------------------------------------------- ---------------
      Graphic elements
      Add an image
      Align an image : Left, center, right or top, center and bottom
      Set the size of the border around an image

      Add a horizontal line

      Set the size of the horizontal line Size (height)

      Set the width of the horizontal line (percentage or absolute pixels)

      Create a horizontal line without a shadow
      -------------------------- -------------------------------------------------- ------------------
      Table
      Create a table
      Start each row in the table
      < ;td> Start each grid in a row
      Set the table header usually using a grid with bold and centered text
      -------------------------- -------------------------------------------------- ----------------
      Table properties
      Set the width of the border around the table
      Set the size of the space between the table cells
      Set the size of the space between the table cell border and its internal content
      Set the table Width - use absolute pixel value or percentage of the total width of the document
      or or
      Set the horizontal alignment of the table grid (left, center, right)
      Set the vertical alignment of the table grid (top, middle, bottom)
      Set the number of columns that a table grid should span (default is 1)
      Set the number of rows that a table grid should span (default is 1)
      Disable automatic line breaking and wrapping of the content in the table grid
      -------------- -------------------------------------------------- ----------------
      Window frame
      is placed before the tag of a window frame document, or can be embedded in other window frames In the document
      defines the number of rows in a window frame, you can use absolute pixel value or percentage of height
      defines the number of rows in a window frame Number of columns, you can use absolute pixel values ​​or percentage of width
      Defines what prompt is displayed in browsers that do not support window frames
      ------------------ -------------------------------------------------- -----------
      Window frame attributes
      Specifies what HTML document is displayed in the window frame
      Names the window frame or area So that other window frames can point to it
      Define the margin size of the left and right edges of the window frame, which must be greater than or equal to 1
      Define the margin size of the upper and lower edges of the window frame, which must be greater than Equal to 1

      Hope it can help everyone. For more related content, please pay attention to the PHP Chinese website (www.php.cn)!

      Statement of this Website
      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

      Hot AI Tools

      Undresser.AI Undress

      Undresser.AI Undress

      AI-powered app for creating realistic nude photos

      AI Clothes Remover

      AI Clothes Remover

      Online AI tool for removing clothes from photos.

      Undress AI Tool

      Undress AI Tool

      Undress images for free

      Clothoff.io

      Clothoff.io

      AI clothes remover

      Video Face Swap

      Video Face Swap

      Swap faces in any video effortlessly with our completely free AI face swap tool!

      Hot Tools

      Notepad++7.3.1

      Notepad++7.3.1

      Easy-to-use and free code editor

      SublimeText3 Chinese version

      SublimeText3 Chinese version

      Chinese version, very easy to use

      Zend Studio 13.0.1

      Zend Studio 13.0.1

      Powerful PHP integrated development environment

      Dreamweaver CS6

      Dreamweaver CS6

      Visual web development tools

      SublimeText3 Mac version

      SublimeText3 Mac version

      God-level code editing software (SublimeText3)

      How to run the h5 project How to run the h5 project Apr 06, 2025 pm 12:21 PM

      Running the H5 project requires the following steps: installing necessary tools such as web server, Node.js, development tools, etc. Build a development environment, create project folders, initialize projects, and write code. Start the development server and run the command using the command line. Preview the project in your browser and enter the development server URL. Publish projects, optimize code, deploy projects, and set up web server configuration.

      What exactly does H5 page production mean? What exactly does H5 page production mean? Apr 06, 2025 am 07:18 AM

      H5 page production refers to the creation of cross-platform compatible web pages using technologies such as HTML5, CSS3 and JavaScript. Its core lies in the browser's parsing code, rendering structure, style and interactive functions. Common technologies include animation effects, responsive design, and data interaction. To avoid errors, developers should be debugged; performance optimization and best practices include image format optimization, request reduction and code specifications, etc. to improve loading speed and code quality.

      How to make h5 click icon How to make h5 click icon Apr 06, 2025 pm 12:15 PM

      The steps to create an H5 click icon include: preparing a square source image in the image editing software. Add interactivity in the H5 editor and set the click event. Create a hotspot that covers the entire icon. Set the action of click events, such as jumping to the page or triggering animation. Export H5 documents as HTML, CSS, and JavaScript files. Deploy the exported files to a website or other platform.

      What is the H5 programming language? What is the H5 programming language? Apr 03, 2025 am 12:16 AM

      H5 is not a standalone programming language, but a collection of HTML5, CSS3 and JavaScript for building modern web applications. 1. HTML5 defines the web page structure and content, and provides new tags and APIs. 2. CSS3 controls style and layout, and introduces new features such as animation. 3. JavaScript implements dynamic interaction and enhances functions through DOM operations and asynchronous requests.

      What application scenarios are suitable for H5 page production What application scenarios are suitable for H5 page production Apr 05, 2025 pm 11:36 PM

      H5 (HTML5) is suitable for lightweight applications, such as marketing campaign pages, product display pages and corporate promotion micro-websites. Its advantages lie in cross-platformity and rich interactivity, but its limitations lie in complex interactions and animations, local resource access and offline capabilities.

      How to make pop-up windows with h5 How to make pop-up windows with h5 Apr 06, 2025 pm 12:12 PM

      H5 pop-up window creation steps: 1. Determine the triggering method (click, time, exit, scroll); 2. Design content (title, text, action button); 3. Set style (size, color, font, background); 4. Implement code (HTML, CSS, JavaScript); 5. Test and deployment.

      Is H5 page production a front-end development? Is H5 page production a front-end development? Apr 05, 2025 pm 11:42 PM

      Yes, H5 page production is an important implementation method for front-end development, involving core technologies such as HTML, CSS and JavaScript. Developers build dynamic and powerful H5 pages by cleverly combining these technologies, such as using the &lt;canvas&gt; tag to draw graphics or using JavaScript to control interaction behavior.

      What Does H5 Refer To? Exploring the Context What Does H5 Refer To? Exploring the Context Apr 12, 2025 am 12:03 AM

      H5referstoHTML5,apivotaltechnologyinwebdevelopment.1)HTML5introducesnewelementsandAPIsforrich,dynamicwebapplications.2)Itsupportsmultimediawithoutplugins,enhancinguserexperienceacrossdevices.3)SemanticelementsimprovecontentstructureandSEO.4)H5'srespo

      See all articles