当前位置:网站首页>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
边栏推荐
- 为什么要有包装类,顺便说一说基本数据类型、包装类、String类该如何转换?
- 万事有你 未来可期 | ONES 2022校园招聘正式开启
- Idea code formatting plug-in save actions
- 天梯赛赛前练习
- Here comes the detailed picture and text installation tutorial of H5 game
- IDEA 中 .properties文件的中文显示乱码问题的解决办法
- Next. JS static data generation and server-side rendering
- QT one process runs another
- 编程辅助工具推荐:图片工具snipaste
- STM32工程移植:不同型号芯片工程之间的移植:ZE到C8
猜你喜欢
S2-062 远程命令执行漏洞复现(cve-2021-31805)
CGC: contractual graph clustering for community detection and tracking
Everything can be expected in the future | one 2022 campus recruitment officially opened
Recommended programming AIDS: picture tool snipaste
Database Navigator 使用默认MySQL连接提示:The server time zone value ‘Öйú±ê׼ʱ¼ä’ is unrecognized or repres
How do traditional enterprises cope with digital transformation? These books give you the answer
欣旺达宣布电池产品涨价 此前获“蔚小理”投资超10亿
0基础可以考CPDA数据分析师证书吗
Windows11 安装MySQL服务 提示:Install/Remove of the Service Denied
免费试用一个月的服务器,并附上教程
随机推荐
Everything can be expected in the future | one 2022 campus recruitment officially opened
Number of nodes of complete binary tree
c# 设置logo图标和快捷方式的图标
Lesson 25 static member variables of classes
uni-app 原生APP-云打包集成极光推送(JG-JPUSH)详细教程
Symmetric encryption, certificate encryption
Idea code formatting plug-in save actions
一个平面设计师的异想世界|ONES 人物
Metalama简介4.使用Fabric操作项目或命名空间
电脑系统卡如何解决?
Xinwangda announced that the price of battery products had been increased, and the investment of "weixiaoli" exceeded 1 billion
传统企业如何应对数字化转型?这些书给你答案
The maximum number of remote desktop servers has been exceeded
Markdown语法学习
Database Navigator 使用默认MySQL连接提示:The server time zone value ‘Öйú±ê׼ʱ¼ä’ is unrecognized or repres
Lesson 23 temporary objects
AD20补充笔记3—快捷键+持续更新
Zigbee之CC2530最小系统及寄存器配置(1)
STM32控制步进电机(ULN2003+28byj)
flask项目跨域拦截处理以及dbm数据库学习【包头文创网站开发】