The first day to learn HTML

HTML acquaintance

translater

SublimeText compiler

ctrl + n may create a new file

ctrl + s to save

ctrl + shift + s Save As

HTML page

  • HTML class used something called tags
    • <Label name>
    • <Tag name> </ tag name>
  • Label understanding
    • \ <Doctype html \> - "document header
    • \ <Html \> ----> second tag is an HTML tag
    • \ <Head \> ------ "tag header
    • \ <Title \> ----- "displays the name of the file (the browser window title)
    • \ <Body \> ------- "which shows the content of the page write here

div tag

This tag learned learned 70% (div)

  • Most of the sites are composed div
  • Feature is line by line, I think of a downside to come in div

img tag

In addition to the text on the page is what most?

There is a page of text + picture + media (audio + video)

img tag

  • Can let the picture on the page displayed
  • img need not closed
  • Need to fill in the src attribute (img tag and pictures have an attribute associated)
  • src attribute is an address

a label

  • Jump label
  • Style: \ <a \> \ </ a \>
  • Href = "page you want to jump."
  • Jump on this page are still using target = "_ blank"
  • Click on the picture to jump a label inside the img tag can add

ul tag

Unordered list

  • Before using ul li be used to represent each row
  • li can have an unlimited number, all the rest can be placed inside li
  • Ul formal written below the first layer only put li.

ol tag

Ordered list

  • ol and ul consistent usage
  • denoted below using a digital ol
  • ol is preferably placed below the first layer of li

p tag

Paragraph tag

  • If a lot of text, use the p tag (news or fiction)
  • The default is the line
  • And compared to other elements of the upper and lower default each line will be blank.

input label

type = 'input type'

  • txt default
  • password password
  • radio radio
  • checkbox check
  • color color

Push button

input button label

  • type="button"
  • value = "content"
<input type='button' value='按钮上的文字'>

button label

<button>内容</button>

Guess you like

Origin blog.51cto.com/14317561/2459471