0Basic Getting Started HTML

0Basic entry html
html tags
Inside a pair of angle brackets, for example<html>, add a slash</html>
header tag at the end, and<head>......</head>part of it appears in the title bar of the web browser, mainly written

<title>......</title>
<script>........</script>

Statement
body tag<body>....</body>
In the body tag, you can specify some basic attributes of the entire document.
"bgcolor" specifies the background color of the html document.
"text" specifies the color of the text in the html document.
"link": specifies the color of the hyperlink object in the html document.
" alink": Specify the color of the hyperlink object in the
html document "vlink": Specify the color of the hyperlink object in the
html document "background": Specify the background file of the html document
Special characters
&lt &gtie <>
<p>...</p>segment tag </br>wrap Label
<pre>....</pre>original format output
list label
Unordered list

<ul>
<li>.....</li>
<li>.....</li>
<li>.....</li>
<li>.....</li>
</ul>

Ordered list

<ol>
<li>.....</li>
<li>.....</li>
<li>.....</li>
<li>.....</li>
</ol>

Descriptive list

<dl>
<dt>.....</dt>
<dd>.....</dd>
</dl>

dt is the main directory dd is in the previous dt directory


Title tag

<hn>.......</hn>

n =1——6 from small to large
Font modification label

Font label to
<font size=" ">......</font>modify the document font attribute of the specified paragraph color face Same as above
HTML hyperlink label

<a href="网址">文本</a>

Insert picture description here
html image tag
<img attribute="attribute value">
such as <img src="url">url can be a local path or a path to a webpage image.
In addition, the attributes include
align -> align image
height width-> height width attribute
broder-> border
table tags
<table> and </table>tags Used to create a table, it has the following properties: set the width and height of the table through the width and height properties; set the pixel value and color value of the table border through the border and bordercolor properties; set the cell spacing through the cellspacing and cellpadding properties The size of the space, and the size of the space between the border of the cell and the text inside.
Such as one row and two columns

<tr>
<td>....</td>
<td>....</td>
</tr>

In addition to the <th>..</th>form header
html frame tag

<html>
<fremeset cols="25%,25%,50%">
<frame src="网址">
<frame src="网址">
<frame src="网址">
</frameset>
</html>

Display
HTML form tags on one page proportionally to multiple website pages
Create a form <form>.....</form>
Commonly used attribute
action (submission object)
method (get post request)

<form action ="对象" method="get">
<p>firstname:<input type= "text" name="fname"/></p>
<p>lastname:<input type= "text" name="lname"/></p>
<input type="submit"value="Submit"/>
</form>

The input form provided to the user in the form is generally <input type="">realized by using a label. This label is used to define a user input area where the user can input information. This label must be placed <form>和</form>between the labels. <input type=">The label provides multiple types of input areas, the specific type is determined by the type attribute. details as follows:

1. Single-line text input box (input type-="text") 2. Multi-line input box (textarea)

. 3. Password input box (input type=“password”) 4. Single selection box (input type “radio”)

5. Checkbox (input tpe=“checkbox”') 6. Drop-down box (elect)

7. Submit (nputpe-"submit) 8 Reset (input yerese)

9. Image submission (input ye-images 10 upload (input ye-Fite")

Guess you like

Origin blog.csdn.net/weixin_49340699/article/details/109015255