Home > Developer > Web Develop
common shortcut keys
CTRL + C |
Copy |
CTRL + V |
Paste |
Ctrl+x |
Shear |
CTRL + A |
Select All |
Ctrl+s |
Save |
CTRL + Z |
Undo One Step |
Windows+d |
Back to Desktop |
Windows+e |
My computer |
Windows+r |
Open Run |
ALT + Tab |
Switching software |
Ctrl+tab |
Switching between software documents |
F2 |
Renaming |
F5 |
Refresh Page |
Develop a habit.
3 Understanding the Web3.1 Web pages consist of text, images, input boxes, videos, audio, hyperlinks, and so on. 3.2 Web StandardsWorld Wide Web Consortium (WWW)
Html structure standard quite human body
CSS performance standards are quite the same as giving people makeup to become more beautiful
Js behavior standard want to when with people in singing, page more smart.
3.3 Basic Course ArrangementHtml 2 days
Css 7 days
Js 3 days
3.4 BrowserThe browser is an Internet client (software).
3.5 Browser KernelRendering engine
The rendering engine is the root cause of compatibility issues.
3.6 browser and server that little thingWeb Browsing Service provided by IIS Web server
3.7 Url AddressThe URL address is what we call the URL.
4 Understanding HTML4.1 Hyper Text Markup LanguageHypertext Markup Language.
Hypertext: Hyperlinks. (Implement page jump)
4.2 Html structure standard<! DOCTYPE html> declaring document type
<title></title> Title Tags
<body> Main Label
</body>
Html is the same as the HTM.
The suffix name cannot determine the file format, only the way to open the file opens.
4.3 Html Tag ClassificationSingle label <! Doctype html>
Dual label
4.4 Html Tag Relationship classificationinclude (nested relationships) Parent-Child
Tie -up relations Brothers and sisters
4.5 Development ToolsDw has a long history and is used by designers.
Sublime Lightweight has a lot of handy plugins.
Webstorm is too smart for the weight level.
Create a new file, open a file, open a folder |
|
Html:xt+tab |
Html Structure Code |
tab |
Complete Tag Code |
Ctrl+shift+d |
Quickly copy a row |
Ctrl+shiif+k |
Quickly delete a row |
CTRL + left mouse button click |
Collective input |
Ctrl+h |
Find replacements |
Ctrl+f |
Find |
ctrl+/ |
Comments |
Ctrl+l |
Quickly select a row |
ctrl+shift+↑ (↓) |
Move up (Move Down) a row quickly |
F11 |
Fullscreen |
View ---- layouts |
Sublime shortcut keys use:
4.6 Set the default browserIn the top right corner of the Chrome browser, select settings to set the default browser.
5 label5.1 Single labelComment Label ctrl+/
Line wrap label <br/>
Horizontal line label
5.2 Double Label <p> text content </p>Features: Blank lines are generated up and down automatically. <br> Line wrapping does not generate blank lines.
Title label
H1-h6 value to h6
H1 can only appear once on a page.
Text labels
<font> text content </font>
Text formatting tags
text Bold label <strong></strong> <b></b> work with strong as far as possible
Text Skew label
<em></em> <i></i> working with EM as much as possible
Delete line Labels
<del></del> <s></s> try to use del in your work
Underline label
<ins></ins> <u></u> work as far as ins
Note: The reason for working with <strong></strong> <em></em> <del></del>
<ins></ins> is because it's more semantic.
5.3 Picture LabelSRC Picture's source must write property
Alt replaces text that is displayed when the picture is not displayed
Title tip text mouse over the text displayed on the picture
width picture widths
Height Picture Heights
Picture does not define when the width is high, the picture according to 100% scale display, if only changes the picture width or the height, the picture and so on scale.
6 Path6.1 relative PathRelative to the file itself, is the relative path.
File and picture (HTML document) in the same directory ( folder ) , write the file name directly.
The picture (HTML document ) is in the file in the next level directory. Folder name +/+ picture (html) name
The picture (HTML) is in the top level directory of the file. +/+ Picture (html) name
The picture is in the other directory at the top level of the file. / folder name / picture name
★ Summary: Find the next Level directory (folder) picture (file) with /
Jump out of the current directory using : /
6.2 Absolute Path 7 Hypertext Linkshref= "http://www.qianhtj.com" go to the path (jump page) must write property
title= "Explanatory text" tip text mouse over the text displayed on the link
target= "_self" default value opens on its own page (closes its own page, opens the link page)
Target= "_blank" to open a new page (its own page does not close, open a new link page)
7.1 Anchor Chain Connection1. Define an anchor point first
2. Hyperlink to Anchor Point
7.2 Empty Chain do not know when linking to that page, with empty chain 7.3 compressed File Download not recommended for use 7.4 Hyperlink optimization notation<ul>
<li></li> list Items
<li></li>
<li></li>
</ul>
Type= "Square" small square
Type= "disc" Solid Small Circle
Type= "Circle" Hollow Small Circle
10.2 list with sequence<ol>
<li></li> list Items
<li></li>
<li></li>
</ol>
The value of type= "1,a,a,i,i" type can be 1,a,a,i,i
The start= "3" determines the starting position.
10.3 Custom List<dl>
<dt></dt> Small Title
<dd></dd> explanation Title
<dd></dd> explanation Title
</dl>
11 Music Tags 12 scrollingHTML Tag Prerequisites
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
