当前位置:网站首页>标签与路径
标签与路径
2022-04-23 12:28:00 【康康与花】
一.文本格式化标签
1.简单的加粗,倾斜,删除和下划线
进行测试标签的使用:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>标签</title>
</head>
<p>我来<b>测试</b>一下这个可以<b>运行</b>吗</p>
<p><em>没想到竟然可以</em></p>
<p><del>把这个删除</del></p>
<p><ins>这个是下划线</ins></p>
<body>
</body>
</html>
<!doctype html>表示的是正在使用HTML5
<meta charset="utf-8">表示的是正在使用全球通用标签“utf-8”
2.<div>和<span>标签
3.图像标签
二.图像标签属性
三.文件目录
1.相对路径
2.绝对路径
可以在网络中查找图片,可以复制图片的绝对路径在DW中进行粘贴
3.链接标签
①外部链接
<a href="htpp://www.qq.com" target="_self"> 腾讯 </a>
<a href="hppt://wwww.qq.com" target="_blank">腾讯</a>
将腾讯两个字设置为超链接
<a></a>进行超链接设置
href 进行属性加持,前往地址设置
target 当前打开方式
self 在当前的页面进行打开
blank 新建窗口打开
用 href 的时候外部链接添加 htpp:// ,内部链接不用
②注释标签
③特殊字符
四.表格标签
1.表格的基本使用:
<table align="center">
<tr><td>姓名</td> <td>相貌<td> <td>成就<td> <tr>
<tr><td>郭富城</td> <td>帅帅帅<td> <td>舞王<td> <tr>
<tr><td>刘德华</td> <td>帅帅帅<td> <td>影帝<td> <tr>
<tr><td>张学友</td> <td>帅帅帅<td> <td>歌神<td> <tr>
<tr><td>黎明</td> <td>帅帅帅<td> <td>人气王<td> <tr>
</table>
2.表头单元格
3.表格属性
4.案例
5.合并单元格
<tr>
<td rowspan="2"></td> <!--rowspan将行单元表合并,合并成2个-->
<td></td>
<td></td>
</tr>
<tr>
<td></td> <!--所以要将单元表格中的多余个数删除-->
<td></td>
</tr>
五.列表标签
1.无序列表
代码实现:
<h3>您喜欢的食物?</h3>
<ul>
<li>榴莲</li> <!--无序列表前面为圆点-->
<li>臭豆腐</li>
<li>鲱鱼罐头</li>
</ul>
无序列表前面是圆点.
2.有序列表
代码实现:
<h3>粉丝排行榜</h3>
<ol>
<li>刘德华 10000</li> <!--在有序列表中用ol标签-->
<li>刘若英 1000</li>
<li>pink老师 1</li>
<ol>
有序列表前面是数字
3.自定义列表
<dl> <!--首先使用dl标签-->
<dt>关注我们</dt> <!--dt为大标题-->
<dd>新浪微博</dd> <!--dd为小标题-->
<dd>官方微信</dd>
<dd>联系我们</dd>
</dl>
进行效果演示:
关注我们
新浪微博
官方微信
联系我们
小结:
六.表单标签
使用表单的目的是收集用户信息
表单域
表单元素
1. input输入表单元素
①type属性的属性值
案例:
代码实现:
<form>
<!--文本框里可以输入各种文字-->
用户名:<input type="text"> <br> <!--<br>标签,用于换行-->
密码: <input type="password">
</form>
单选值要有一个name属性,且值要一样
<form>
男<input type="radio" name="sex" maxlength="6">
<!--maxlength用户输入最大为6个字符-->
女<input type="radio" name="sex" checked="checked">
<!--<checked="checked">属性,为默认选择,也就是说一开始了就选上了-->
</form>
②input的其他属性
提交按钮
<input type="submit" value="注册">
submit为提交按钮,value可以将“提交”这两个字改为注册
③label标签
2.select下拉表单元素
<select>
<option>山东</option>
<option>青岛</option>
<option>上海</option>
<option selected="selscted">杭州</option>
<!--自动选择为杭州-->
</select>
3.textarea文本域元素
<form>
<textarea cols="50" rows="5">表示一行50个字符,可以显示5行,也可以继续写</textarea>
</form>
加油,梦想在自己手中
版权声明
本文为[康康与花]所创,转载请带上原文链接,感谢
https://blog.csdn.net/kkyh28/article/details/123955965
边栏推荐
- 31岁才转行程序员,目前34了,我来说说我的经历和一些感受吧...
- 第二十四课 经典问题解析
- S2-062 remote command execution vulnerability recurrence (cve-2021-31805)
- Lesson 26 static member functions of classes
- Xinwangda announced that the price of battery products had been increased, and the investment of "weixiaoli" exceeded 1 billion
- Fastjson 2 is coming, the performance continues to improve, and it can fight for another ten years
- Tips for installing MySQL service in windows11: Install / Remove of the Service denied
- Basic software testing Day2 - Case Execution
- Number of nodes of complete binary tree
- XinChaCha Trust SSL Organization Validated
猜你喜欢
智能多线弹性云增加独立的IP地址,如何实现多线功能?
How to expand the capacity of the server in the 100 million level traffic architecture? Well written!
Zigbee之CC2530最小系统及寄存器配置(1)
C# F23. Stringsimilarity Library: String repeatability, text similarity, anti plagiarism
Intelligent multi line elastic cloud adds independent IP address. How to realize multi line function?
Introduction to metalama 4 Use fabric to manipulate items or namespaces
One way ANOVA of SPSS
论文解读(CGC)《CGC: Contrastive Graph Clustering for Community Detection and Tracking》
同态加密技术学习
A graphic designer's fantasy world | ones characters
随机推荐
QT draw image
软件测试基础DAY2-用例执行
Basic software testing Day2 - Case Execution
Xinwangda announced that the price of battery products had been increased, and the investment of "weixiaoli" exceeded 1 billion
The database navigator uses the default MySQL connection prompt: the server time zone value 'Ö Ð¹ ú±ê ×¼ ʱ ¼ ä’ is unrecognized or repres
Interpretation 3 of gdpr series: how do European subsidiaries return data to domestic parent companies?
Castle. Dynamic proxy implements transaction unit control
SQLserver怎么插入或更新当天的星期数,bit而不是文本
解锁OpenHarmony技术日!年度盛会,即将揭幕!
力扣刷题之完全二叉树的节点个数
AI 视频云 VS 窄带高清,谁是视频时代的宠儿
QT one process runs another
基于卷积神经网络的遥感影像分类识别系统
C# F23. Stringsimilarity Library: String repeatability, text similarity, anti plagiarism
第二十六课 类的静态成员函数
Flash project cross domain interception and DBM database learning [Baotou cultural and creative website development]
[unity note] basic lighting in l4unity
Why is the premise of hash% length = = hash & (length-1) that length is the nth power of 2
【Redis 系列】redis 学习十三,Redis 常问简单面试题
Everything can be expected in the future | one 2022 campus recruitment officially opened