当前位置：网站首页>Labels and paths

Labels and paths

2022-04-23 12:33:00 【Kang Kang and Hua】

One . Text formatting labels

1. Simple bold , tilt , Delete and underline

Carry out the use of test labels ：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> label </title>
</head>
<p> I come <b> test </b> This one can <b> function </b> Do you </p>
	<p><em> I didn't expect to </em></p>
	<p><del> Delete this </del></p>
	<p><ins> This is underline </ins></p>
<body>
</body>
</html>



<!doctype html> Indicates that you are using HTML5
<meta charset="utf-8"> Indicates that a global label is being used “utf-8”

2.<div> and <span> label

3. Image tag

Two . Image tag properties

3、 ... and . File directory

1. Relative paths

2. Absolute path

You can find pictures on the Internet , Can copy pictures Absolute path stay DW Paste in

3. Link tags

① External links

<a href="htpp://www.qq.com" target="_self">  tencent  </a>

<a href="hppt://wwww.qq.com" target="_blank"> tencent </a>

Set Tencent as a hyperlink

<a></a> Make hyperlink settings

href Attribute blessing , Go to address settings

target Current open mode

self Open on the current page

blank New window opens

use href Add external links when htpp:// , Internal links do not

② Comment tags

③ Special characters

Four . Tabular label

1. Basic use of forms ：

<table align="center">
      <tr><td> full name </td>     <td> Looks <td>       <td> achievement <td> <tr>          
      <tr><td> Aaron Kwok </td>   <td> Handsome <td>     <td> Dancing king <td> <tr>
      <tr><td> Lau Andy </td>   <td> Handsome <td>     <td> movie king <td> <tr>
      <tr><td> Jacky Cheung </td>   <td> Handsome <td>     <td> The God of songs <td> <tr>
      <tr><td> The dawn </td>     <td> Handsome <td>     <td> Popular king <td> <tr>
</table>

2. Header cell

3. Table properties

4. Case study

5. merge cell

<tr>

   <td rowspan="2"></td>           <!--rowspan Merge row cell tables , Merge into 2 individual -->
   <td></td>
   <td></td>
</tr>

<tr>
   
   <td></td>                      <!-- So delete the extra number in the cell table -->
   <td></td>

</tr>

5、 ... and . Tabs tab

1. Unordered list

Code implementation ：

<h3> Your favorite food ？</h3>
<ul>
    <li> durian </li>                  <!-- The unordered list is preceded by dots -->
    <li> Stinky tofu </li>
    <li> Canned herring </li>
</ul>

The unordered list is preceded by dots .

2. Ordered list

Code implementation ：

<h3> Fan list </h3>
<ol>
   <li> Lau Andy    10000</li>         <!-- Use... In a sequence table ol label -->
   <li> Liu Ruoying    1000</li>
   <li>pink teacher  1</li>

<ol>

The ordered list is preceded by numbers

3. Custom list

<dl>                            <!-- use first dl label -->
   <dt> Pay attention to our </dt>             <!--dt For headline -->
   <dd> Sina weibo </dd>             <!--dd For subtitles -->
   <dd> The official WeChat </dd>
   <dd> Contact us </dd>
</dl>



 Show the effect ：

     Pay attention to our 
     Sina weibo 
     The official WeChat 
     Contact us

Summary ：

6、 ... and . Form labels

The purpose of using forms is to collect user information

Form field

Form Elements

1. input Enter form elements

①type Property value of property

Case study ：

Code implementation ：

<form>

    <!-- You can enter all kinds of text in the text box -->
     user name ：<input type="text">   <br>     <!--<br> label , For line breaks -->
     password ：  <input type="password">

</form>

The radio value must have a name attribute , And the value should be the same

<form>
    
      male <input type="radio" name="sex" maxlength="6">  
     <!--maxlength The maximum user input is 6 Characters -->
      Woman <input type="radio" name="sex" checked="checked">  
     <!--<checked="checked"> attribute , Select... As the default , In other words, I chose -->

</form>

②input Other properties of

 Submit button 

<input type="submit" value=" register ">

submit For the submit button ,value Can be “ Submit ” These two words are changed to register

③label label

2.select Drop down form elements

<select>
       <option> Shandong </option>
       <option> Qingdao </option>
       <option> Shanghai </option>
       <option selected="selscted"> Hangzhou </option>
       <!-- Automatically select Hangzhou -->
</select>

3.textarea Text field elements

<form>

   <textarea cols="50" rows="5"> For a line 50 Characters , Can be displayed 5 That's ok , You can also continue to write </textarea>

</form>

come on. , Dream in your own hands

版权声明
本文为[Kang Kang and Hua]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/04/202204231227350149.html