Home > Developer > Web Develop

Web Pre-learning 2016.6.6

Source: Internet
Author: User
Developer on Alibaba Coud: Build your first app with APIs, SDKs, and tutorials on the Alibaba Cloud. Read more ＞

Current ways to surf the Internet:
Cell phone
Plate
Computer
Mobile: Smartphones, tablets
PC: PC, Notebook
Things to run on the mobile side: Apps
Ios:object-c
Android:java
PC-side things: Desktop applications C + +

The way we surf the Internet is through the browser to open the address to the Internet


The front end is to do web development, but also to do app development, cross-platform

The front end is something that can be seen and touched.

Common systems:
Ios:
Android:
WindowsPhone:

Windows
Mac OS X

Linux
...


------------------------------------------------
Web development at the front end

Web development: Front-end development + background development

Front-end: rendering data
Backstage: Managing Data

HTML: Web page content, Web page structure---structure layer
CSS: Responsible for Web page style---presentation layer
javascript: A scripting language designed to interact with Web pages---behavior layer

HTML: Hypertext Markup Language
Currently the latest version is HTML5, the most widely used is HTML4

------------------------------------------------
How do I edit html?
Edit---> Modify suffix name (extension) with Notepad---> Run in Browser


Browser

Browser kernel: Rendering engine, JavaScript parsing engine

Rendering Engine: Mainly used to render HTML, CSS
JavaScript parsing engine: dedicated to parsing JavaScript

Browser:
Firefox (firefox)---Gecho
IE (Internet Explorer)---Trident
Chrome (google)---Webkit
Safari (apple)---Webkit
Opera (open gate)---presto/blink

HTML Document Structure
<title></title>
<body>
Main Battlefield
</body>

One page contains only a pair of HTML tags, head tags, body tags, title tags
------------------------------------------------
Syntax for HTML

HTML tags (tags)

Single Mark <tag/>

Double marker <tag></tag>

Properties of HTML

<tag Property Name 1 = "Property value 1" Property Name 2 = "Property value 2" .../>

<tag Property Name 1 = "Property value 1" Property Name 2 = "Property value 2" ...>---start tag (label)
Content
</tag>---end tag (label)

< ear width = "250cm" height = "500cm" ></ear >

Considerations for HTML
1 must conform to basic syntax
2 The document type must be defined
<! DOCTYPE html>
Doctype:document type

<body></body>
background= ' picture path '---representing background picture
Pictures:. jpg. png (transparent picture). gif (dynamic graph) ...

Path---
Absolute path: The path relative to the disk, the physical path
Relative path: The location of the file relative to the Web page source file
Sibling relationship: Direct reference file name
Upper-level relationship:. /Picture Name
Next-level Relationship: folder name/Picture name
-------------------------------
A Text Format label
Line Wrapping Labels
<br/>
Special character Labels
&lt; < (left)
&gt; > (right)
&nbsp; Space
&quot; "
&copy; Copyright number

The unit of the computer
Base unit: bytes (B) one character for one byte, one kanji for two bytes
Minimum unit: bit (BITS)
1b=8bit
1KB (Kbytes) =1024b
1MB (MBytes) =1024kb

Title label
Features: font bold, automatic line wrapping

Paragraph labels
<p></p>
Features: Automatic line wrapping
Property:
Align= "Left/right/center", Horizontal alignment

Pre-compiled labels
<pre></pre>
Features: As-is output, automatic line wrapping

Horizontal Split Line Labels
Property:
color= "Color"
Size= "5px/5%" to set the thickness of the horizontal split line
Width= "50px/50%", sets the width of the horizontal split line
Align= "left"/right (right)/center (center), Horizontal alignment
Features: Automatic line wrapping

Two-character format label---No Line break
<b></b>----Text Bold
<i></i>----Text Skew
<u></u>----Underline
<s></s>----Strikethrough
<small></small>---fonts smaller

<font></font>---font labels
Property:
Size=n,n:1----7, progressively bigger, changing font size
color= "Color" to change font color
Face= "Blackbody", set font type, default to Arial

Picture label

Property:
src= "Path", set picture path
Width= "100px" to set the width of the picture
Height= "100px" to set the height of the picture
Title= "Related Tips" to set the text description that appears when hovering over the mouse
alt= "Related Tips"

Web Pre-learning 2016.6.6

This article is an English version of an article which is originally in the Chinese language on aliyun.com and is provided for information purposes only. This website makes no representation or warranty of any kind, either expressed or implied, as to the accuracy, completeness ownership or reliability of the article or any translations thereof. If you have any concerns or complaints relating to the article, please send an email, providing a detailed description of the concern or complaint, to info-contact@alibabacloud.com. A staff member will contact you within 5 working days. Once verified, infringing content will be removed immediately.

Related Keywords:
learning to make web pages learning web design 4th edition learning react functional web development with react and redux pre increment pre requi cnbc pre echo pre
Related Article
Jwt+asp.net MVC timestamp prevents replay attacks
The difference between form-data, x-www-form-urlencoded, raw ...
The difference between a JSON object and a JSON string
HTTP status code: 301, 302 redirect
HTTP returns the difference between 301 and 302 in the status...
About HTTP return Codes 301, 302 differences with SEO

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

What's Trending
Top 10 Tags
datastax versions naming convention zookeeper client class definition md5 microsoft sql server 2005 data structures exception handling error handling
Top 10 Keywords
microsoft download center down wordpress address url site address url wordpress address url windows installer 4 0 download 302 not found web address url definition site address url wordpress db2 integer mac os installation step by step pdf abbreviation for return

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More