06-01 HTML Basics

Web (Web site) includes: HTML, CSS, JavaScript

1. HTML: Hypertext Markup Language---page structure

2, CSS: Cascading style sheet---beautify the page

3. javascript: Client scripting language---interactive effects

Html

1, the wording of the label, usage

Format:< Label Name Property name 1 = "Property Value" property Name 2 = "attribute value" > content </Tag name >

2, the correct nesting of the label

Nesting: A complete label as the content of another label

3, the characteristics of the label

<1> block Tag (block)--one row by default, to set the length and width height

Rep Tags:

<2> row label (inline)--Default not a row, not set the length and width height

Representative label:<span></span> <a></a>

<3> row Block label (Inline-block)--default does not occupy one row, can set the length width high

Representative Tags:<img>

Writing notes

< Span class= "Hl-code" > < Span class= "hl-quotes" > < Span class= "Hl-brackets" > 1, first write the label complete, in the writing content, properties

< Span class= "Hl-code" > < Span class= "hl-quotes" > < Span class= "Hl-brackets" > 2, indicating comments, writing code format

3, programming symbols in English lowercase words, English half-width

< Span class= "Hl-code" > < Span class= "hl-quotes" > < Span class= "hl-brackets" >DW frequently used shortcut keys:

< Span class= "Hl-code" > < Span class= "hl-quotes" > < Span class= "Hl-brackets" >ctrl +c   copy

< Span class= "Hl-code" > < Span class= "hl-quotes" > < Span class= "Hl-brackets" >ctrl+v paste

< Span class= "Hl-code" > < Span class= "hl-quotes" > < Span class= "Hl-brackets" >ctrl+x cut

< Span class= "Hl-code" > < Span class= "hl-quotes" > < Span class= "Hl-brackets" >ctrl+s save

< Span class= "Hl-code" > < Span class= "hl-quotes" > < Span class= "Hl-brackets" >ctrl+z undo

< Span class= "Hl-code" > < Span class= "hl-quotes" > < Span class= "Hl-brackets" >ctrl+y previous step

< Span class= "Hl-code" > < Span class= "hl-quotes" > < Span class= "hl-brackets" >ctrl+h full code hint

< Span class= "Hl-code" > < Span class= "hl-quotes" > < Span class= "Hl-brackets" >ctrl+f find

Ctrl+g jump to a specified line

Ctrl+d Copy our contents

CTRL + left to Select multiple cursor positions does not support Chinese input

ALT + Cursor Drag to select a column

06-01 HTML Basics