当前位置:网站首页>标签与路径
标签与路径
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
边栏推荐
- CGC: contractual graph clustering for community detection and tracking
- In idea Solution to the problem of garbled code in Chinese display of properties file
- Qt进程间通信
- Fastjson 2 is coming, the performance continues to improve, and it can fight for another ten years
- Windows11 安装MySQL服务 提示:Install/Remove of the Service Denied
- 为什么要有包装类,顺便说一说基本数据类型、包装类、String类该如何转换?
- 欣旺达宣布电池产品涨价 此前获“蔚小理”投资超10亿
- Metalama简介4.使用Fabric操作项目或命名空间
- 【vulnhub靶场】-dc2
- STM32CubeProgrammer基础使用说明
猜你喜欢
【Redis 系列】redis 学习十三,Redis 常问简单面试题
QT draw image
SPSS之单因素方差分析
NPDP|产品经理如何做到不会被程序员排斥?
在 VSCode 中调试 Jest 的测试用例,VSCode调试Jest测试用例报错basedir=$(dirname “$(echo “$0“ | sed -e ‘s,\\,/,g‘)“)解决
How do traditional enterprises cope with digital transformation? These books give you the answer
欣旺达宣布电池产品涨价 此前获“蔚小理”投资超10亿
Qt双缓冲绘图
Debug Jest test cases in VSCode, debug Jest test cases in VSCode, middle note basedir=$(dirname "$" (echo "$0" sed -e -e, s, \ \, / "-e").
Next.js 静态数据生成以及服务端渲染的方式
随机推荐
IDEA设置版权信息
[redis series] redis learning 13. Redis often asks simple interview questions
The maximum number of remote desktop servers has been exceeded
How do programmers finalize nucleic acid statistics with 130 lines of code
SQL 练习(一)
Metalama简介4.使用Fabric操作项目或命名空间
画结果图推荐网址
AI 视频云 VS 窄带高清,谁是视频时代的宠儿
为什么hash%length==hash&(length-1)的前提是 length 是 2 的 n 次方
QT draw image
In idea Solution to the problem of garbled code in Chinese display of properties file
C#,二维贝塞尔拟合曲线(Bézier Curve)参数点的计算代码
How does sqlserver insert or update the number of weeks of the day instead of text
uni-app 原生APP-本地打包集成极光推送(JG-JPUSH)详细教程
Here comes the detailed picture and text installation tutorial of H5 game
洛谷P3236 [HNOI2014]画框 题解
Zero trust in network information security
QT interprocess communication
Database Navigator 使用默认MySQL连接提示:The server time zone value ‘Öйú±ê׼ʱ¼ä’ is unrecognized or repres
Intelligent multi line elastic cloud adds independent IP address. How to realize multi line function?