Home > Developer > Web Develop
1. HTML (Hyper-text markup language) structure:
<title> title </title>
<body>
Subject
</body>
2. Layout control mark:
Line break:<br/>
Paragraph:<p></p>
Horizontal line:
Space:
Center: Center
3. Title Text:
Title:
Text: bold B; italic i; underline u; Delete line S; superscript sup; Subscript Sub
4. Body Tag Properties:
Background color: bgcolor
Background Image: Background
Text color: Text
5. List:
(1) A sequence list:
<ol>
<li> Ref. 1</li>
<li> Ref. 2</li>
</ol>
Number form: Type=1 or A or a or I or I
Start sequence: start=n (only numbers)
(2) unordered list:
<ul>
<li> Bullets </li>
<li> Bullets </li>
</ul>
Symbol form: type=circle (circle) or disc (dot) or square (square)
Remove the preceding symbol: List-style-type:none;
(3) Correct wording of list nesting
<ul>
<li> Options 1</li>
<li> Options 2
<ol>
<li> Options 2-1</li>
<li> Options 2-2</li>
</ol>
</li>
</ul>
PS: Note that when "option 2" has a nested table inside, the </li> behind it is not written directly after "option 2", but is written in the back of the nested table inside it!
6. Forms:
(1) Table layout:
<table>
<caption> Table title </caption>
<tr><th> Table Head 1</th><th> head 2</th></tr>
<tr><td> list 1</td><td> list 2</td></tr>
</table>
(2) Table properties: Width, height, border, cellspacing, cellpadding, BorderColor, bgcolor, align
Width height border Inner box width text to border distance border color background color horizontal position
(3) Row and column properties:
Height: height; box color: bordercolor; background color: bgcolor; horizontal alignment: Align; vertical alignment: valign
(4) Span columns across rows:
Cross-line: rowspan
Cross-column: colspan
(5) Table title:
<caption align=top or Bottom> located above or below the table
7. Pictures:
Picture tag:
Picture properties: Height: tall, Width: breadth; border width: border; Priority reading low resolution graph: LOWSRC; text callout: Alt
8. Absolute path & relative path:
Absolute path: http://www.cnblogs.com/or D:\360Downloads
Relative path:.. /.. /a/b.jpg
9. Hyperlinks:
<a href= "hyperlink address" > text or Picture </a>
1. Empty link: <a href= "JavaScript:;" ></a>
The difference between an empty link and other types of links:
Href= "JavaScript:;" With href= "javascript:void (0);", Empty link, click there will be no jump
href= "#" with #top, click Back to Top, page does not refresh
Href= "" Click to refresh and go back to the top
href= "/" Click to jump to the top level directory
2. Link Open window:
_blank opens in a new window
_parent Open in parent window
_self Open in Current window
_top return information displayed in the top-level browser window
10. Scrolling subtitles:
<marquee>, .... </marquee>
Property:
Alignment: Align
One-way movement: Scroll
To left stop: slide
Round-trip Exercise: Alternate
Background color: bgcolor
Loop count: Loop
Caption height: height
Letter width: Weight
Movement Speed: ScrollAmount
Pause Time: Scrolldelay
Subtitle Left blank: hspace
Subtitles up and down blank: vspace
Text direction: direction
How to move: behavior
11. Multimedia:
(1) Playback of music or audio/video files: <a href= "Music or av file path" >
(2) Music or audio files Embedded Web page: <embed src= "Music or av file path" width= width height= height autostart= autoplay (true/false) loop= Play count (digital/true/false) >
(3) Web background music: <bgsound src= "Music path" loop= Number of times (=infinite loop playback) >
2015.7.6 First Course Highlights (HTML, list, table, relative path, hyperlink)
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
