当前位置:网站首页>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
边栏推荐
- STM32CubeProgrammer基础使用说明
- What is a gateway
- IDEA 代码质量规范插件SonarLint
- A graphic designer's fantasy world | ones characters
- CGC: contractual graph clustering for community detection and tracking
- Zigbee之CC2530最小系统及寄存器配置(1)
- Lesson 23 temporary objects
- Lesson 26 static member functions of classes
- [redis series] redis learning 13. Redis often asks simple interview questions
- Zero trust in network information security
猜你喜欢
Intelligent multi line elastic cloud adds independent IP address. How to realize multi line function?
论文解读(CGC)《CGC: Contrastive Graph Clustering for Community Detection and Tracking》
欣旺达宣布电池产品涨价 此前获“蔚小理”投资超10亿
软件测试基础DAY2-用例执行
A graphic designer's fantasy world | ones characters
解锁OpenHarmony技术日!年度盛会,即将揭幕!
A detailed explanation of head pose estimation [collection of good articles]
NativeForMySQL 连接MySQL8 提示:1251- Client does not support authentication protocol
[unity note] basic lighting in l4unity
Qt一个进程运行另一个进程
随机推荐
【微信小程序】z-index失效
Hard core parsing promise object (do you know these seven common APIs and seven key questions?)
Qt绘制图像
Metalama简介4.使用Fabric操作项目或命名空间
Solution of asynchronous clock metastability -- multi bit signal
软件测试对于减少程序BUG有多大帮助?
Lesson 23 temporary objects
Qt一个进程运行另一个进程
Here comes the detailed picture and text installation tutorial of H5 game
BUUCTF WEB [BJDCTF2020]The mystery of ip
VMware virtual machines export hard disk vmdk files using esxi
解锁OpenHarmony技术日!年度盛会,即将揭幕!
Markdown grammar learning
Why is the premise of hash% length = = hash & (length-1) that length is the nth power of 2
QT draw image
Tips for installing MySQL service in windows11: Install / Remove of the Service denied
SSL证书退款说明
S2-062 远程命令执行漏洞复现(cve-2021-31805)
BUUCTF WEB [GXYCTF2019]禁止套娃
航芯技术分享 | ACM32 MCU安全特性概述