关闭页面特效

HTML总结

1|0HTML总结


基本标签

1、标题标签

文本自带加粗效果

开放标签与闭合标签

<h1>我是标题</h1> <h2>我是标题</h2> <h3>我是标题</h3> <h4>我是标题</h4> <h5>我是标题</h5> <h6>我是标题</h6>

2、段落标签

<p></p>

3、换行标签

单标签,也叫做空元素

<br />

4、水平线标签

<hr/>

计算机操作最基本的快捷键

ctrl+c 复制 ctrl+v 粘贴 ctrl+x 剪切 ctrl+s 保存 ctrl+a 全选 ctrl+z 撤销 delete 删除键,从前到后删除 Backspace 删除键,从后往前删除

5、超链接标签

<a href="news.html" target="_blank">跳转到news.html页面</a> href :代表要跳转的某个网页 target:代表目标网页的打开方式,_blank另起一个浏览器窗口。_self代表替换当前的浏览器窗口

6、图片标签

图片的格式

.png 背景透明图片 .gif 动画图片 .jpg/jpeg 品质较好 .webp web专用图片 .bmp 体积较大的图片,品质也很高
<img src="../img/wj.webp" width="150" alt="吴京123" title="吴京"/> ./ 当前路径,与网页自己本身是平级的 ../代表返回(上一级)父级路径 width 代表宽度,可以等比缩放图片大小 height 代表高度 alt 图片的描述 title 图片的名称

7、列表标签

7.1 无序列表
<ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> </ul>
7.2 有序列表
<ol> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> </ol>
7.3 定义列表
<dl> <dt>水果</dt> <dd>苹果</dd> <dd>西瓜</dd> <dd></dd> <dt>蔬菜</dt> <dd>茄子</dd> <dd>西红柿</dd> <dd>黄瓜</dd> </dl>

8、表格标签

<table border="1" cellpadding="20" cellspacing="0" width="1000"> <tr> <th colspan="4">Java预科班花名表</th> </tr> <tr> <th>编号</th> <th>姓名</th> <th>班级</th> <th>年龄</th> </tr> <tr> <td>1</td> <td>张三</td> <td>Java</td> <td>19</td> </tr> <tr> <td>2</td> <td>李四</td> <td>Java</td> <td>19</td> </tr> <tr> <td>3</td> <td>王五</td> <td>Java</td> <td>19</td> </tr> </table>

9、div标签

ul>li*8 tab键可以快速生成列表 div是一个专门用于网页布局的标签,盒子标签

10、文本标签

<em></em> 斜体 <strong></strong> 加粗 <span></span> 本身不带样式的文本标签

__EOF__

作  者YXH
出  处https://www.cnblogs.com/YxinHaaa/p/17366595.html
关于博主:编程路上的小学生,热爱技术,喜欢专研。评论和私信会在第一时间回复。或者直接私信我。
版权声明:署名 - 非商业性使用 - 禁止演绎,协议普通文本 | 协议法律文本
声援博主:如果您觉得文章对您有帮助,可以点击文章右下角推荐一下。您的鼓励是博主的最大动力!

posted @   YxinHaaa  阅读(3)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· DeepSeek 开源周回顾「GitHub 热点速览」
0
0
关注
跳至底部
点击右上角即可分享
微信分享提示