HTML page HTML layer structure
divided into the following aspects of learning:
HTML basis,
HTML tables,
HTML forms,
set up the page structure
html foundation
Learning the front end of the first course, as the basis of HTML, HTML markup language, which is the first step in creating web pages.
Learning content:
HTML concepts to understand the history of HTML development, basic grammar, commonly used tags (paragraphs, images, links, etc.)
combined with small example
What is HTML
HTML (Hypertext Markup Language) that is HTML
html history of
1993 (the IETF) HTML1.0
1995 (the W3C) HTML2.0
1996 (the W3C) HTML4.0
1997 (the W3C) HTML4.0.1
2000 (the W3C) XHTML1.0
2001 (the W3C) xhtml1.1
XHTML2.0?
2004 The draft HTML5 (WHATWG) in
2008 (consolidated) HTML5 official version of
2014 finalized HTML5
html Features
HTML does not need to compile, directly executed by the browser
HTML file is a text file
HTML file must use HTML or htm file name extension
is not case-sensitive HTML, as HTML and html
HTML is a text file
HTML basic grammar
Learn
HTML basic structure of the
HTML tags
HTML elements
HTML attribute
comment
Annotations: div tags for block-level layout element structure, and therefore will be explained in conjunction with the css box model.
The basic structure of HTML
<html>
// 头部信息
<head>
<title>标题</title>
</head>
// 网页内容
<body>
网页主体内容
</body>
</html>
html tag attributes
Syntax:
<1 tag name attribute name = "attribute value" 2 attribute name = "attribute value" ...> ...
DOCTYPE document type declaration
<!DOCTYPE> Statement must be placed on the first line of html document
<!DOCTYPE> Declaration is not an HTML tag
<!DOCTYPE html>
<html>
<head>
<!-- 网页头部内容 -->
<title>标题</title>
</head>
<body>
<!-- 网页主体内容 -->
</body>
</html>Page encoding settings
problem:
When a page is displayed garbled
Solution:
In <head></head>between adding label
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>NOTE: utf-8, GB2312, gbk encoding other
Text and paragraph tags
Title Tag:
<h1></h1> ~ <h6></h6>
Paragraph tag:
<p></p>align alignment property values:
值，描述
left 左对齐内容
right 右对齐内容
center 居中对齐内容
justify 对行进伸展，这样每行都可以有相等的长度。Break tag:
<br/><p align="justify"></p>List tab
html tags
html tag label is often referred to HTML tags
HTML tags are keywords surrounded by angle brackets
HTML tags are usually a pair of
tags in a first tag is a start tag, the second tag is a tag end
What is HTML
HTML is a language used to describe web pages
HTML HyperText Markup
Unordered list
<ul>
<li>1</li>
<li>2</li>
</ul>value of the type attribute:
value Description
Disc: Dot
Square: square,
circle: open circles
Ordered list
grammar:
<ol>
<li>1</li>
<li>2</li>
</ol>value of the type attribute:
value Description:
1, numbers 1, 2 ,. . .
a, lowercase letters a, b. . .
A, capital letters A, B. . .
i, lowercase Roman numerals i
I, uppercase Roman numeral I
List tag
definition list:
<dl>
<dt>定义列表项</dt>
<dd>1</dd>
<dd>2</dd>
<dt>列表</dt>
<dd>1</dd>
<dd>2</dd>
</dl>May be defined within a plurality of tags
For each
Images and hyperlinks tag
Image tag
syntax:
<img src=" " alt=" " ...>img properties:
property values, described
src, url, Url displayed image
Alt, text, image, text alternative
high height, and the percentage value, the image
width width, values and percentages, images
HTML path:
relative path
absolute path
Hyperlink label
syntax:
<a href=" ">内容</a>href: link address, which can be internal or external links links
Hyperlinks (air links -target-title property)
Hyperlink label
properties that describe the
href: link address
target: the link target window
_self, _blank, _top, _parent
Tip title text link
name link command
Modified label and special symbols
文字斜体：<i></i>，<em></em>
加粗：<b></b>，<strong></strong>
下标：<sub>
上标：<sup>Special symbols:
properties, display the results, described
< < 小于号或显示标记
> > 大于号或显示标记
® ® 已注册
@copy; © 版权
™ ™ 商标
Space 不断行的空白List label application scenarios
Anchor link (same page)
Hyperlink tags
defined anchor:
<a href="#锚名1">目录1</a>
<a href="#锚名2">目录2</a>
<a href="..." name="锚名1" >内容</a>
xxxx
<a href="..." name="锚名2">内容</a>
xxxxHow to define an anchor in different pages
define anchors (different page):
网页1：<a href="网页名称#锚名">...</a>
网页2：<a name="锚名">...</a>html basic structure:
Syntax: <标签名></标签名>
For example:<html>...</html>
Specification:
1, <和>enclose
2, in pairs, the start and end tags, end tags more than a start tag /
HTML table
Base table
Learn:
Learn spreadsheet application scenarios
form the basic structure of
how to operate the table
Table Properties
table interbank across columns
nested tables
Data show
HTML table
<table>table
<tr>row
<td>cell
If this number of local contents do not get bits (for example: to copyright or other problems), please contact us for rectification can be timely and will be processed in the first time.
Please thumbs up! Because you agree / encouragement is the greatest power of my writing!
Welcome concern Dada Jane book!
This is a quality, attitude blog
