Home > Developer > Web Develop
1. Mainstream browser
| Shorthand | EN | CN |
|---|---|---|
| Ff | Mozilla Firefox | Firefox browser |
| Ie | Internet Explorer | IE browser |
| Chrome | Google Chrome | Google Chrome |
| Opera | Opera | Offnenbach Browser |
| Safari | Safari | Apple browser |
2. Web editing tools
3. What is a Web page
4. Introduction to HTML
HTML (Hyper text mark-up Language) is a Hypertext Markup Language or Hyperlink language, is currently applied to a wide range of languages on the web, but also constitutes the main language of Web page documents. HTML text is a descriptive text made up of HTML commands that describe text, graphics, animations, sounds, tables, links, and so on.
HTML history
| version | year |
|---|---|
| Html | 1991 |
| html+ | 1993 |
| Html2.0 | 1995 |
| Html3.2 | 1997 |
| Html4.0.1 | 1999 |
| XHtml1.0 | 2000 |
| Html5 | 2012 |
| Xhtml5 | 2013 |
5. HTML Features
6. Basic HTML Component Unit
7. Basic HTML specification
Basic specification for Html4.0
XHTML Basic Specification
Basic specification for HTML5
8. The difference between HTML5 and HTML4
<!DOCTYPE>HTML5： <!doctype html>HTML4.01 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">XHTML 1.0 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!doctype html><!DOCTYPE html PUBLIC "-//W3C//DTD HTML //EN" >Encoding settings
<meta charset = "Utf-8" ; <meta http-equiv = "Content-type" content = " text/html; Charset=utf-8 "/>
<style></style> type 省略<link href=“” rel=“stylesheet”/> type 省略<script></script> type省略
9. Start learning HTML
site : A site stores all the files contained in a Web site
站点的建立html的基本结构<html><head></head><body></body></html>常用的标签
Common tags
H1-h6<H1 algin="center">Title text</H1> <H1>Title One</H1><!--logo settings --Can only occur once properties: Align Horizontal alignment: Center|right has level six heading p<p>Paragraph text</P>A blank line between the default paragraph and the paragraph<hr Color="Pink" size= "7" width ="100" Align="left"/>Default Center Align Br<br/>Line wrapping img Single label setting width, etc. zoom Out | And only setting the height is not<img src="Picture address" width= "" height="" title = "" alt=""/>Span<span>Text</span>Div<div>Any Content</div>I<i>Italic text</i>Em<em>Italic text</em>A relative path and absolute path format are:<a href="Resource Address"target="window name" title=" Point to the text of the connection display> Hyperlink Name</a>Strong<strong>Bold text</Strong>B<b>Bold text</b>Special Symbol: Blank space in the browser show the effect of different Firefox half three kinds of list label unordered list: Circle property value disc= solid circle circle= Hollow Circle Square= Square<ul type="Circle" start="3"><li>List Contents</li></ul>Sequence list: Type attribute value A (a b c) | A (a B C) |i| I start = "3" can only be followed by digital reversed flashbacks<ol><li>List Contents</li></ol>Definition list: (apply: Left-hand image)<dl><DT>Defining items</dt><dd>Description Item</dd></dl>> greater than sign < less than hyperlink tag target property: _blank<a href = "about.html"target=" title=""> I can be text, the page can be a picture</a>Can link content: HTML file | Audio and video | compression software (download) | pictures | Wps Internal Link< link own website >| External links< link someone else's website >href= "#" flag empty link Click Jump Header external link<a href="http://www.baidu.com"></a>Path
relative path: The relative path refers to the path to the other file (or folder) that is caused by the path to which the file resides.
Relative path:
<a href = "../img/2.jpg">img</a>absolute path : refers to the absolute address location of a file on a computer or network, starting with a drive letter or protocol name. For example:
File:///E|/works/Open Class/1/style/miancss.css
Http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js
HTML5 added a label
<article><aside><audio><canvas><footer><header><hgroup><section><time><video>…等
HTML5 of the abolished label
1、能用css代替的元素basefont、big、center、font、s、strike、tt、u2、不再使用frameacronym dir isindex listing xmp nextid plaintex
Division of ————-Divisions —————
1: Business unit-need to do website
2: Design department-make picture format. jpg/.psd
3: Production department-cut into web front-end development engineer
4: Background Department-background program add data design Department
Website production process:
Recent Popularity-Flattening | 2010-Three-dimensional
Responsive Web site : Do a site can be both on the PC can also move the end;
Google Chrome can test mobile
You can insert a picture in a Web page: Picture
jpg/jpeg:可以存储丰富多彩的颜色，不支持动画和透明(人物/风景)保真 ===有损压缩gif:只存储256种颜色（少）赞 |小图片 支持动画|透明===有损压缩png:可以丰富多彩的图片|不支持动画|支持透明|占用空间大（运用多数移动移动端）===无损压缩
Api
Html_api Download access password 06ee
Css_api Download access password 08da
Self-study website
W3school
"1" HTML first understanding
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
