HTML: TD TH TR drinking ul
What is HTML
HTML (HyperText Markup Language), an application under the Standard Generalized Markup Language; web production is necessary for the programming language
word
"hypertext" refers to the inside pages can contain images, links, and even music, programs and other non-text elements .
HTML is not a programming language, but a markup language.
The basic structure of HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>标题</title>
</head>
<body>
<h1>我的第一个标题。</h1>
<p>我的第一个段落。</p>
</body>
</html>
- <! DOCTYPE html> declaration as an HTML document, HTML page document is often referred to
- Documents contain HTML tags and text
- Between the textual description page and, at the same time the root element HTML element is the current page
- Is the inclusion of document metadata (meta) data, as defined web coding format
</strong>元素描述当前文档页面的标题</li> - Text between and is visible page content
versus
The text is displayed between the titleversus
It is displayed as the text paragraph between
HTML comments
This is a H5 title
HTML tags
Commonly referred to as HTML markup tags HTML tags (HTML Tag)
- HTML tags are keywords surrounded by angle brackets, for example
- HTML tags are usually in pairs, such as <\ b> and
- The label on the label is the first start tag, the second tag is the end tag
- In most cases, HTML document tags can be nested to achieve more complex functions
Basic tab
Title Tag: h1 ~ h6
<h1> 这是一个最大的标题 </h1>
Paragraph tag: p
<p> 每一个段落标签中的内容都会换行输出 </p>
Block-level tags: div
<div style="color: #FF0000"> <h1> div标签常用来组合一整块标签内容 </h1> <p> 以便通过CSS样式来对其中这些元素进行格式化控制 比如当前div标签下的所有文本均为红色 </p> </div>
Wrap Tags: br
111 <br> 222
Image tag: img
<img src = 'xxx.img' alt='图片'>
- src: used to specify the path of the current picture.
- alt :
- When the cursor is in the picture displayed content.
- When the content of the picture failed to load when displayed.
Links tab: a
<a src = 'http://www.baidu.com'> 百度 </a>
- href: access control address
- a: text labels to display page content elements
a unordered list: ul, li
<ul> <li>无序列表项1</li> <li>无序列表项2</li> <li>无序列表项3</li> </ul>
- ul: Indicates the current unordered list
- li: a list of specific items use the label
- Do not add a single list item ul tag
Ordered list: ol, li
<ol> <li>A</li> <li>B</li> <li>C</li> </ol>
- ol: Indicates the current ordered list
- li: a list of specific items use the label
- Do not add a single list item ul
External connections
Like img tags and other similar we need to access an external file, there are several common ways
The introduction of external images:
<img src="img/1.jpg" alt="图片" />
Introduced another page
<a src="other.html">其他页面</a>
The introduction of CSS style file:
<link rel="stylesheet" type="text/css" href="css/main.css"/>
rel: the relationship between the relationship of the abbreviation, the file is used to define links and HTML documents
stylesheet: Style Sheets
type: type of document outside the chain
href: Path outside the chain of documents
Introducing js file:
<script type = 'text/javascript' scr = 'js/jquery.js'></script>
src 与 href:
- Src resources for the introduction of resource, introduced as an integral part of the page, similar to change underwear.