Alternate Content: --- Software Installation Guide (2)

- alternate content: - Software Installation Guide

1. notes tool ---- typroa

File name: In order to distinguish between different files on your computer, and each file is set to a specified name. The base file name (file name of the Lord) and extension components.

EG:. SDN docx sales statistics. XLSX

Different file extensions are not the same

[Image dump the chain fails, the source station may have security chain mechanism, it is recommended to save the picture down uploaded directly (img-o2LOeXwu-1582976747964) (C: \ Users \ DELL \ AppData \ Local \ Temp \ 1581996624939.png)]

2. Screenshot software installation

-greenshot

No need to install 3.sublimes-

Decompression
Copy the unzipped file to a folder (of their choice: the best is the C drive, because some software after downloading heavy equipment can not be used) under
Select Send sublimes.exe shortcut to the desktop

HTML ,

A, HTML Introduction

What is 1.HTML

HTML: Hyper Text Markup Language Hypertext Markup (label) Language

Composed of various labels used to create web pages that tells the browser how to display the page

2. Role

Create web pages, web pages and content control display
Insert images, music, video, animation and other multimedia
By retrieving information link
Use the form to obtain user data, interact

3. version

W3C: World Wide Web Consortium Web Consortium, the development of organizational standards and norms of web technologies, HTML is a standard developed by the W3C

There are two versions: HTML 4.0.1 and HTML 5.0 ----- collectively H5

Official website: https: //www.w3cschool.com.cn

4. Extension

HTML file extension ends in .html or .htm's

eg：hello.html

Second, the structure of an HTML document

1. Basic Structure

1.1 Introduction

html tags live by angle brackets keywords, e.g., labels are usually in pairs.
Root tag that includes the head and part of the theme
Header provides information about the page, such as title, document type, character encoding, keyword and other summary information
Provide the main part of the page content to be displayed, the real show page
Reasonable indent
Label names are case insensitive, but generally in lower case

1.2 Development Tools

Notepad, notepad, sublime, notepad ++, Dreamweaver, VScode, Webstorm etc.

Steps for usage:

1. Create a new file (ctrl + N), and save (ctrl + N), specify the extension .html

2. Write html code

3. Open the file to verify results in a browser

1.3 browser

Common Microsoft IE browser, chrome Google, Firefox Firefox, safari apple
The role of the browser: read html file and displayed in the form of a web page
Browser does not directly display html tags, but the use of tags to explain the content of the page

2. Label

2.1 Composition of the label

A complete html tag consists of:

<标签名 属性名="属性值">内容</标签名>

Property value to use quotation marks, generally use double quotes

2.2 classification label

The label is closed, divided into: closed and non-closed type

Close: with the start tag, but also the end of the label, usually in pairs

1  <title>标题</title>
2  <body>主体</body>
3  <h1>一级标题</h1>

Non-closed type: Only the start tag, no closing tag

1   <meta>
2   <br>
3   <hr>

The label is on its own line, is divided into: a block-level and line-level tag label

Block-level tags: shown as block, an exclusive line

1  <h1></h1>
2  <hr>

Row-level tags:

<span></span>

[Image dump the chain fails, the source station may have security chain mechanism, it is recommended to save the picture down uploaded directly (img-eiQnS8EH-1582976747965) (C: \ Users \ DELL \ AppData \ Local \ Temp \ 1582247397065.png)]

2.3 Notes

Comments are not displayed in the browser, it is used to mark html statement to explain, but you can see by looking at the source code

1   <!--注释内容--->

2.4 character entity

Character entity also called special characters, special characters for displaying; The <> & like space,

grammar:

&实体字符的名称;

Common physical character;

1  &lt;    <    小于号    less  than
2  &gt;    >    大于号    great than
3  nbsp;   空格   space在html中对于连续的空白字符（空格、缩进、换行等），在浏览器中显示时只能显示为一  个空格
4  &amp;    &   与
5  &quot;   "  双撇号
6  &copy;   版权符号     copyright
7  &reg;    注册符号     register
8  &times;  关闭符号

Note: The entity is strictly case-sensitive character, that is case sensitive

2.5 Document Type

In the first line of the HTML document, using the document type declaration html

html document type used to tell the browser page, in simple terms, is used to specify the html version of the specification

Currently basically using html5,

Third, the commonly used tags

1. Basic tab

label	meaning	Explanation
br	Break tag	Non-closing tag
p	Paragraph tag	Close tag type, tag block level, before and after the paragraph
h1、h2、h3…h6	Title Tag	According h1 to h6 becomes gradually smaller, block-level label, and the text will be shown in bold
pre	Preformatted label	Reservations encoding format
div	Partition label	Commonly used containers, generally used for page layout divided block-level tag
span	Label range	By default, no effect, typically for the special formatting within a row
ol, li	Ordered list	Sequential list of items
ul、li	Unordered list	Unordered list item
dl、dt、dd	Definition list	Terminology, pictures, etc. described and defined list
hr	Horizontal label	Non-off label, the block-level tag
lmg	Image tag	Non-closing tag

1.1 ordered list

ol：ordered list

li：list item

Arabic numerals starting from 1 marked, attributes can be changed by default

type property: Set symbol mark before the list, the values, the number 1 (default), or a letter A, or a Roman numeral i
start properties: Set the starting value, but must be a number

1.2 unordered list

ul: unodered list

li：list item

Filled circle as default reference numerals, and the properties can be modified by

type attribute: before setting list mark symbol value; Disc closed circles (default), Circle open circles, squares Square, none no symbol

1.3 Definitions List

dl：definition list

dt：definition title

dd：definition description

1.4 horizontal label

hr：horizontal

Common attributes:

color color

Two colors

Color Name: blue, green, white, orange, red, pink, etc.

Hexadecimal RGB: Red, Green, Blue Usage: #RRBGGBB each color is the range of 0-256, converted to hexadecimal 00-FF

eg: # FF0000 red, # 00FF00 Green, # 0000FF blue, black # 0000, # CCCCCC Gray, # FF7300 Orange
size: thickness, the value
width width

Two way:

Pixels, the absolute value (fixed value)

Percentage: relative value, with respect to

align alignment

Value: The default center center left right

1.5 Graphics Label

img: image
common image formats: .jpg .png .gif .bmp
common attributes:

src: source specified image path (source), mandatory parameters

Html source image if the same folder, the images can be written directly name
convention, a plurality of images will be stored in a separate folder, such as the project \ image, this time, it is necessary in front of the image name add the path
Category path:
relative path

Said: ./ file on a current path ... / current location of the folder

Tip: ... / image

alt: When a picture does not display the prompt information

title: message when the mouse hovers over the image displayed

width / height: Set the width and height

By default, the original size display

If only one, then the other is automatically scaled

If both width and height, may cause picture distortion

Two way: the pixel: the absolute value (fixed value)

Percentage, relative values, relative percentage of the width of the label is located on a parent container

2 other labels

label	meaning	Explanation
i	Italic	italic
in	Emphasize content	Is displayed in the browser is generally italicized
address	address	Italics shows a general block-level tag in the browser
b	Bold	bold
strong	Emphasize content	When displayed in the browser typically bold
of the	Strikethrough	delete
ins	Underline
sub	Subscript
sup	Superscript
Bdo	Set the text direction	By attribute dir = "ltr" (left to right) "rtl" (right to left) from right to left
abbr	Set the text abbreviations	Displayed when the mouse over the text currently set by the title attribute message
small	Relative to the current font size decrease One other languages
big	Relative to the current font size is increased other text One

In order to better semantic

3. Head tag

Summary information meta-defined web pages, such as bar code characters, keywords, description, author and other information
Title title page of definitions
The style is defined inside pages css styles
link references to external css style
defined script or script references
base path defined basis

The default reference to the location of the current page file is a relative path
|
| Big | relative to the current font size increases One other word of | |

In order to better semantic

3. Head tag

Summary information meta-defined web pages, such as bar code characters, keywords, description, author and other information
Title title page of definitions
The style is defined inside pages css styles
link references to external css style
defined script or script references
base path defined basis

The default reference to the location of the current page file as a relative path

jiayuScholar

Released six original articles · won praise 0 · Views 80

Private letter concerns