Basic introduction html entry

Basic introduction to html

1. Introduction to html: 1.
What is
html ? html is a language used to describe web pages.
Simply abbreviated as html, Hyper Text Markup Lunguage
2. The writing structure of html

<!DOCTYPE html>
<html>
这个标签是属于html页面的整个属性，知道游览器解析的标签。引入外部文件的标签
<head>
我们需要展示的信息
</head>
</html>

3. The structural characteristics of
html tags : (1) html tags appear in pairs of keywords wrapped in angle brackets, with start and end tags, and support correct nesting.
(2) Most tags have attributes, formats,
( 3) HTML is not case sensitive

2. Introducing the basic tags in html
1. File tags

<html>
<head>
<title></title>:页面的标题
<head>
<boby>
属性：
text:文本的颜色
bgcolor：背景色
background:背景图片
</boby>
</html>

2. Typesetting style
1. Comment style 
2. Line break label <br/>
3. Paragraph label <p></p>
4. Horizontal line label <hr/>
Attributes:
width: length
size: thickness
color: color
aigan: alignment method of
size:
pixel: px
percentage: percentage of sub-label
3. Block label
Line-level block label <div></div>/ div+css layout /in-
line block label <span></sapn>/* for friendly prompt*/
4. Text label
Basic text label <font></font>
Attribute: color: color
size: size
face: font type
Title label: <h1></h1><h2></h2>逐渐提升
5. List label
1. Unordered list <u1></u1>
Attribute: type: (numbers, letters, Roman numerals)
start: number, representing the starting position of the first item

<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ol>

2. Ordered list: <ol></ol>
attribute: type: (numbers, letters, Roman numerals)
start: number, representing the starting position of the first item
6. Graphic list<img/>
attributes:
scr: graphic address
width: width
height: height
border: widening
align: alignment Method
alt: picture text description
7. Link label<a></a>
Jump page address: href
name, anchor point: name
Function:
(1) Page jump, transfer to the external network must add protocol
(2) Visit anchor point, return to anchor point ( Top, bottom, middle)
8. Table label<table></table>
attributes:
border: table border
width: table width
height: table height
align: alignment
bgcolor: background color
Representative row: <tr></tr>
representative column: <td></td>
attribute:
column merge: colspan
row merge: rowspan
<th></th>: phase Equal to the column, but the built-in style is centered
<caption></caption>: the table header
The role of the table:
(1): A simple table style
(2): page layout
example

<table>
<td>表格标头
<tr><!--行-->
<captionn>表格标题</caption>
</tr>
</td>
</table>

Three.html form tag 1.form tag : <form></form>
attributes:
name: form name
action: path address
submitted method: submission method (post and get)
post: submit the data encapsulated in the request body, unlimited size
get: add data Behind the address bar, there is a limit size
2.input tag : <input type="/">
type attribute:
text:normal text input box
name
password: password input box
radio: radio button
attribute:
name: if you want a group of radio buttons to be mutually exclusive, just Specify to agree with the name attribute value, you need to add the value attribute value;
checked: the default is selected
checkbox: check box:
name: the concept of group, the value that needs to be added
checked: the default is selected
file: upload file control
button: normal button, without any built-in Function
submit: built-in function, click will submit according to the action address
reset: reset, click will clear the previous filled content
image: picture button
attributes:
src: load picture
alt: picture prompt text
hidden: hide form
3. select label
attribute:
name: table Item name
option: optional (cascade between drop-down menus)
attribute: value: the value of the form item
selected: selected by default
4.textarea: text field label
attribute:
cols: number of columns
rows: number of rows
four. html frame label and others
1. Frame label
frameset:
attribute:
rows: divided by row
cols: divided by column
frameset:
attribute:
name: name
src: address of the loaded page
2. Other labels:

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<link>
   <link rel="stylesheet" type="text/css" href="./styles.css">
    href：引入css文件的地址

<script>
   <script type="text/javascript" src=""></script>
    src：js的文件地址

3. Special characters
&nbsp : space
&gt: greater than sign
&lt: less than sign
&copy: copyright symbol
&reg: registered symbol

Basic introduction html entry

Basic introduction to html

Guess you like