HTML study notes NO.1_html/css_WEB-ITnose

HTML:
is a language used to describe web pages
Hyper Text Markup Language
is not a programming language, it is a markup language


New Features:
canvas tag for painting
video and audio elements for media playback -> video and audio files
better support for local offline storage
new element content: such as article , footer, header, nav, section
New form controls: such as: calendar, date, time, email, url, search
Browser support: chrome, firefox, Opera and IE9


Development tools:
Commonly used: WebStorm, notepad, Eclipse, text sublime, Dreamweaver, etc.
Recommended: Intellij IDEA

Skills to be mastered:
HTML5 XHTML CSS3 JavaScript jQuery: jQuery -Ui jQuery-Mobile

Basic explanation of HTML:

Statement:
There are also many different versions of html. Only if you fully understand the exact HTML version used in the page, Only then can the browser display the HTML page completely correctly
. This is the use of

Different versions of HTML have different HTML declarations
Use it directly in HTML5:

Common tag attributes:

:align alignment
:bgcolor background color
:target specifies where to open the connection

Common attributes:
class: specifies The class name of the element
id : specifies the unique ID of the element
style : specifies the style of the element
title : specifies additional information of the element

Formatting:
bold Text
Large fonts------html5 is outdated, usually use css instead
Emphasis on text
Italics
small Big word
Emphasis
Subscript word
Superscript word
Definition insert word
Definition delete Words

HTML5 styles, connections and tables

Tags:


Inline style sheet:

Connection attributes and their uses:

1. Connection data:
Text connection
Picture connection

2. Attributes:
href attribute: link to another document
name attribute: create a connection to the document

3. imag tag attribute:
alt: replace text attribute
width: width
height: height

HTML table

Definition table
Rows of the table
Header of the table
Body of the table
Footer of the table
Column attributes of the table

HTML list :

Ordered list

Unordered list

• List item
  

  List
  

  List item
  

  Description
  
  Unordered list uses tags:

  ,
  • 
    Attributes: disc, circle, square
    
    Ordered list uses tags: ,
  • 
    Attributes: A, a, I, i, start
    
    Nested lists use tags:

    ,

    ,

    
    
    HTML block:
    
    Block element:
    When a block element is displayed, it usually starts with a new line, such as:

    
    
    Inline elements:
    Inline elements usually do not start with a new line, such as:
    
    
    elements: also called block elements , which is mainly a container for combining HTML elements
    
    element: it is an inline element and can be used as a container for text
    
    HTML layout:
    div or table for layout
    
    HTML form:
    Form is used to obtain different types of user input
    
    Common tags:
    
    Form
    Input field
    Text field <br> <label>Control label<br> <fieldset>Field<br> <legend>Title of the field<br> <select>Select list<br> <optgroup>Option group<br> < ;option>option in drop-down list<br> <button>button<p></p> </button> </optgroup></select> </legend> </fieldset></label>

Header of the table

Unit of the table