HTML5 self-study notes

黄舟

Release： 2016-12-28 17:09:24

Original

1447 people have browsed it

1. Why learn HTML

Hype Text Mark-up Language

2. The basic unit of HTML

tag

3. Tag

(single tag and double tag)

Creation of site:

Creation of folder

Homepage: index.html

home.html

htmlBasic structure

Document statement

Charset character set "UTF-8" International encoding "GB2312" Simplified Chinese encoding

<!doctype html>
<html>
<head>
<meta charset="UTF-8"/>
<title>京东</title>
</head>
<body>
<h1>京东618</h1>
<h2>party on</h2>
</body>
</html>

Copy after login

4, commonly used tags

h1 tag double tag large title tag

content

h1 tag in It can only appear once in a page

align-attribute horizontal alignment

left/right/center-attribute value

##h1-h6 A total of six levels Title

p tag paragraph double tag

Special symbol space

Single tag line break

End of horizontal line title

tilt

The meaning of oblique emphasis

The meaning of bold emphasis

Bold

Text inline elements that require special processing

Block-level elements are mainly used in CSS

Insert picture with single tag

Three kinds of lists

Unordered list

<ul type="disc"> disc:圆点 circle：圆圈 square 正方形 <li>列表项</li> </ul>
Copy after login
Ordered list

<ol type="a" start="只能写数字"> a 1 I A <li>列表项</li> </ol>
Copy after login
Definition list

<dl> <dt>列表项</dt> <dd>描述项</dd> </dl>
Copy after login
a tag, hyperlink tag, for internal links on web pages and external links on the website.

<a href="资源地址" target="_self(自身窗口打开）/_blank（新窗口打开）">文字或者图片</a>
Copy after login
Resource address:

Internal links: html files, pictures, movies, music, compressed files, word documents, PPT,,,

External link: http://www.baidu.com

Path:

Relative path

1: When two files are under the same folder, write the file directly The name.

2: The two files are under different folders, use ../ to represent the upper-level file

3: One file is inside the folder, and the other file is inside the folder. Outside. Write the name of the folder directly

Absolute path

Local machine: E:\Zuo Lin\Study Notes

Network: http://www.xxx.com/xxx /xxx

Commonly used picture formats in web pages:

gif: supports animation, supports transparency, stores up to 256 colors, lossy compression

jpg (jpeg): no Support animation, do not support transparency, rich colors, lossless compression

png: Do not support animation, support transparency, rich colors, lossless compression

Comment tag

< !--This is the comment tag-->

Photoshop cutting and shortcut keys

ctrl+r Display ruler

F8 Display information

ctrl +alt+z Multi-step undo

ctrl+z Single-step undo

ctrl+N Create a new blank canvas

ctrl+D Cancel selection

ctrl+ o Open

ctrl+t Free transformation

The above is the content of HTML5 self-study notes. For more related content, please pay attention to the PHP Chinese website (www.php.cn)!