Please enable JavaScript.
Coggle requires JavaScript to display documents.
Chapter 2 HTML (structure (<b></b> (should not be used, Use…
Chapter 2 HTML
structure
默写
<p></p>
<br/>
a line break
<pre></pre>
don't ignore the multiple white space
<h1></h1>……<h6></h6>
<h1> is the largest
<blockquote></blockquote>
居中左右对其
<b></b>
should not be used
Use <strong> instead
bold
<i></i>
should not be used
Use<em> instead
italicized
<sub></sub>
subscript
<sup></sup>
superscript
<hr />
line break in semantic terms
tables
<table>
<caption>
Defined row-by-row not column-by-column
<tr></tr>
<th></th>
<td></td>
group
<thead></thead>
<tbody></tbody>
<tfoot></tfoot>
<table border="1">
merging cells(attributes)
rowspan
colspan
tag
<meta />
info to search engine
attributes
content
name
meta data
<img/ scr="" alt="">
attributes must be used
scr
alt
<a href =""></a>
引用 anchor tag
attribute must be used
href
forms*3
URL path
<a href="http://www.domain.tld/myimage.png">URL path</a>
relative path
<a href="myimage.png">Relative path</a>
internal path
<a href="#myimage">Internal<a>
hypertext reference
list
<ol>
order
<ul>
unorder
<li>
list item
<dl>
<dt>
<dd>
<span>
<div>
<nav>
#
<audio> *
3 supported file formats
MP3
Wav
Ogg
<source>
一般会放好几个不同格式的同一视频
src
<audio controls = "controls" >
自动创建5+2个控制按钮
Your browser does not support the audio element
<video> *
<source>
一般会放好几个不同格式的同一视频
src
3 supported file formats
MP4
WebM
Ogg
Your browser does not support the video element
attribute
controls
autoplay
height
loop
muted
poster
image to display while video is loading
width
Brief
Hypertext markup language
HTML V5.0 2014
why XHTML?
basic syntax
tag
format*2
attributes
comment form
browsers ignore
forms
<form></form>
Allow user interaction 交换数据
transmit information to the server
<form action ="/action_page.php"></form>
指定到服务器某个网页运行
默认为本网页
<form action= target="">
_blank open a new browser tab
_self open in current browser tab
<form action=method="">
get
post
<input/>
type
text boxes
<label></label><input type ="text"/>
text area
select lists
*
<label><select><option> </option></select></label>
check boxes *
radio boxes *
buttons
password boxes
<label></label><input type = "password"/>
写在comment里了 剩下的
注意他们与<label>一起的 syntax
label 与 check boxes/radio boxes/select 的语法
<label for="female">Female</label>
toggles the control
id attribute and for attribute bind together
character entities
&XXX
" +;
"+;
character entities table
HTML Validation
http://validator.w3.org/