html期末复习速览

一.基础标签

1.段落标签<p></p>

特点:分段分割

2.标题标签<h1></h1>……<h6></h6>

特点:文字加粗,单独占一行

3.换行标签<br />

特点:单标签,强制换行

二.文本格式化标签

1.粗体标签<strong></strong>或者<b></b>(更推荐strong,重点)

2.斜体标签<em></em>或者<i></i>(更推荐em,重点)

3.删除线标签<del></del>或者<s></s>(更推荐del)

4.下划线标签<ins></ins>或者<u></u>(更推荐ins)

三.盒子标签

1.大盒子标签<div></div>

特点:一行只能放一个

2.小盒子标签<span></span>

特点:一行可以放多个

四.图像标签

图像标签<img src="图像的地址" />   (src必写)

其中其他的属性

1.alt——当图像无法显示的时候,出现的文字

2.title——当鼠标放在图片上时出现的文字

3.width——设置宽度(一般将width和height设置其中一个,然后另外一个自动将它等比例变化)

4.height——设置高度

5.border——设置图像的边框粗细

注意:可以拥有多个属性,必须写在标签名的后面;属性之间不分先后顺序,之间以空格分开;格式为:属性=“属性值”

相关图像地址知识:

1.当为相对路径时:

同级可以直接使用

下一级路径   /   例如<img src="images/baidu.gif">

上一级路径   ../  例如<img src="../baidu.gif">

2.当为绝对路径时:

一般直接用网页上的图像复制地址即可得到

五.链接标签

1.格式<a href="跳转目标" target="弹出窗口的弹出方式">文本或图像</a>

其中target有两个选择,默认为_self即覆盖原窗口,_blank则新创建一个窗口

如果暂时没有合适的地址,可以用"#"这个空链接代替

2.锚点链接<a href="#名字"></a>  对应名字用id

例如要在很长的一个页面直接跳到某个位置,则可以使用锚点链接

<a href="#two">第二集</a>

<h3 id="two">第二集介绍</h3>

六.注释标签和特殊字符

1.注释:<!--    -->

2.空格符——& nbsp;

3.小于号——& lt

4.大于号——& gt

七.表格标签

1.表格框架:

<table>

        <tr>

                <td></td>

        </tr>

</table>

由外到内:就是table,tr,td

table用来定义表格的标签

tr用于定义表格中的行,必须嵌套在table里

td用于定义表格中的单元格,必须嵌套在tr里

如果第一行的单元格属于一个大类,一般用th这个表头单元格标签替换td

th的特点:里面的内容加粗居中显示

2.表格属性

加在table后面

align表示该表格在哪里,有三个选择:left,center,right

border表示是否有边框,有两个选择:默认为"",没有边框;"1",有边框

cellpadding:单元边沿与其内容之间的空白

cellspaceing:单元格之间的空白

width:表格的宽度

3.表格结构标签

加在table里面

thead用于定义表格的头部,内部必须有tr,一般位于第一行

tbody用于定义表格的主体

框架:

<table>

        <thead>

        ……

        </thead>

        <tbody>

        ……

        </tdody>

</table>

八.列表标签

1.无序列表(前面带一个黑点)

格式:

<ul>

        <li></li>

        ……

        <li></li>

</ul>

注意:不能在ul加其他非li标签,要加只能加到li里面

2.有序列表(前面带1234标号)

格式:

<ol>

        <li></li>

        ……

        <li></li>

</ol>

注意:不能在ol加其他非li标签,要加只能加到li里面

3.自定义列表(一般用在页面最底下)

格式:

<dl>

        <dt>名词1</dt>

        <dd>名词1解释1</dd>

        <dd>名词1解释2</dd>

</dl>

注意:不能在dl加其他非dt,dd标签,要加只能加到dt和dd里面,一般都是一个dt对多个dd

九.表单

表单的目的就是为了填写信息

三个部分:表单域,表单控件,提示信息

表单域有<form></form>确定范围

表单控件有input,select,textarea

1.input

格式:<input type="属性">

type属性:

text——文本框

radio——单选按钮(小圆圈)

checkbox——复选框(小方框)

password——密码框

hidden——定义隐藏的输入字段

button——可点击按钮

reset——重置按钮

submit——提交按钮

name属性:

对于单选按钮必须要用相同的name(name="sex")

value属性:

默认没输入的时候就显示的文字(value="请输入用户名")

checked属性:

首次加载进来后默认勾选某一个(checked="checked")

maxlength属性:

文本框最多可以输入多少个长度(maxlength="6")

label标签:增加可点击范围

格式:<label for="名字">  ……</label>,对应的表单控件添加id="名字"

例如:<label for="sex">男</label>

<input type="radio" name="sex" id="sex" />

2.select下拉表单

格式:

<select>

        <option>……</option>

        <option>……</option>

</select>

给option里面加上selected可以自动默认选择某一个

例如:<option selected="selected">火星</option>

3.textarea文本域

格式:

<textarea rows="" cols="">

文本内容

</textarea>

注:如果不够了,会添加滚动条可以继续填写

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/668156.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

流媒体内网穿透/组网/视频协议转换EasyNTS上云网关如何更改密码?

EasyNTS上云网关的主要作用是解决异地视频共享/组网/上云的需求&#xff0c;网页对域名进行添加映射时&#xff0c;添加成功后会生成一个外网访问地址&#xff0c;在浏览器中输入外网访问地址&#xff0c;即可查看内网应用。无需开放端口&#xff0c;EasyNTS上云网关平台会向Ea…

备忘录--

备忘录 vue新建项目&#xff0c;body 大小占不了全屏 // 解决问题 // public/index.html 更改基础样式 html,body{height: 100%width: 100%&#xff1b;margin: 0;border: 0;padding: 0; }Element Plus 经典布局 参考 Element Plus 官网 <template><div class"…

jmeter性能测试用例提取

性能测试用例提取参考(根据单、混合场景、模块、运行时间、优先级)去考虑 Tips&#xff1a;用例提取和用例设计不一样 后期可以结合性能测试用例设计(设置线程数、时间、循环、同步定时器等等&#xff09;来做性能测试

从零到一建设数据中台 - 关键技术汇总

一、数据中台关键技术汇总 语言框架&#xff1a;Java、Maven、Spring Boot 数据分布式采集&#xff1a;Flume、Sqoop、kettle 数据分布式存储&#xff1a;Hadoop HDFS 离线批处理计算&#xff1a;MapReduce、Spark、Flink 实时流式计算&#xff1a;Storm/Spark Streaming、…

VB.net进行CAD二次开发(四)

netload不能弹出对话框&#xff0c;参考文献2 参考文献1说明了自定义菜单的问题&#xff0c;用的是cad的系统命令 只要加载了dll&#xff0c;自定义的命令与cad的命令同等地位。 这时&#xff0c;可以将自定义菜单的系统命令替换为自定义命令。 <CommandMethod("Add…

开源代码分享(32)-基于改进多目标灰狼算法的冷热电联供型微电网运行优化

参考文献&#xff1a; [1]戚艳,尚学军,聂靖宇,等.基于改进多目标灰狼算法的冷热电联供型微电网运行优化[J].电测与仪表,2022,59(06):12-1952.DOI:10.19753/j.issn1001-1390.2022.06.002. 1.问题背景 针对冷热电联供型微电网运行调度的优化问题&#xff0c;为实现节能减排的目…

换电脑怎么软件搬家?最好的8个电脑迁移软件

您知道何时需要数据迁移吗&#xff1f;比方说。您可能需要数据迁移以确保安全、备份或将操作系统升级到最新版本。您对迁移软件有任何了解吗&#xff1f;如您所想&#xff0c;我们将在本文中提供有关数据迁移软件的信息。让我们继续阅读。 最佳数据迁移软件列表 数据的完整性在…

深入探讨npm、Yarn、pnpm和npx之间的区别

前端生态系统是一个快速发展的领域&#xff0c;充满了各种工具和技术。对于开发人员来说&#xff0c;跟上这些创新可能是一项艰巨的挑战。 在本文中&#xff0c;我们将深入探讨npm、Yarn、pnpm和npx之间的区别&#xff0c;帮助你理解每个工具的不同之处。 包管理器比较 npm …

视频监控汇聚EasyCVR助力山体滑坡/自然灾害可视化监测与应急救援

近日&#xff0c;巴布亚新几内亚恩加省遭遇山体滑坡&#xff0c;持续引发关注。截至5月29日&#xff0c;恩加省山体滑坡导致的遇难人数可能超过2000人。据悉&#xff0c;巴布亚新几内亚恩加省位于巴布亚新几内亚中部高原的西部&#xff0c;地形多山。由于事发地区相对偏远&…

Excel-多级联动下拉选择

Excel-多级联动下拉选择 1、定义名称 &#xff08;1&#xff09;省-市 &#xff08;2&#xff09;市-区 同样的操作将区也加入 2、设置下拉单元格 &#xff08;1&#xff09;省 &#xff08;2&#xff09;市 INDIRECT($F$2)&#xff08;3&#xff09;区 INDIRECT($G$2)

RabbitMQ(四)事务消息,惰性队列,优先队列

文章目录 事务消息概念配置 惰性队列概念应用场景 优先队列概念配置 事务消息 仅在生产者端有效&#xff0c;消费端无效 概念 总结&#xff1a; 在生产者端使用事务消息和消费端没有关系在生产者端使用事务消息仅仅是控制事务内的消息是否发送提交事务就把事务内所有消息都发送…

echarts学习:基本使用和组件封装

前言 我在工作中使用echarts较少&#xff0c;这就导致每次使用时都要从头再来&#xff0c;这让我很头疼。因此我决心编写一系列文章将我参与工作后几次使用echarts所用到的知识记录下来&#xff0c;以便将来可以快速查阅。 一、基本使用 像我一样的新手&#xff0c;想要入门e…

【设计模式】JAVA Design Patterns——Iterator(迭代器模式)

&#x1f50d;目的 提供一种在不暴露其基础表示的情况下顺序访问聚合对象的元素的方法。 &#x1f50d;解释 真实世界例子 百宝箱包含一组魔法物品。有多种物品&#xff0c;例如戒指&#xff0c;药水和武器。可以使用藏宝箱提供的迭代器按类型浏览商品。 通俗描述 容器可以提供…

d3dcompiler43.dll丢失怎么修复,分享几种有效的修复教程

电脑已经成为我们生活中不可或缺的一部分。然而&#xff0c;由于各种原因&#xff0c;电脑可能会出现一些问题&#xff0c;其中之一就是d3dcompiler43.dll文件丢失。这个文件是DirectX组件之一&#xff0c;用于编译和链接DirectX应用程序。当这个文件丢失时&#xff0c;可能会导…

Chapter 5 Current Mirrors and Biasing Techniques

Chapter 5 Current Mirrors and Biasing Techniques 这一章介绍电流镜 5.1 Basic Current Mirrors MOS工作在饱和区, 表现为一个电流源. 考虑电源变化, PVT波动, 我们会首先产生一路精准电流源, 再复制这路电流. 如何复制呢? 电流转电压再转电流就行了, 如下图所示 考虑到…

SpringBoot+VUE(选课)课堂管理系统

免费获取方式↓↓↓ 项目介绍035&#xff1a; 项目名:课堂管理系统 技术栈:SpringBootVue 网址:http://localhost:8081/ 学生 1 密码 1 教师 20190101 密码 zsf 功能: 首页 课程服务 学生服务 选课 我的选课 教师服务 我的授课 笔记 签到 聊天室 二、技术栈 所有场景都支持 适…

wampserver的使用

wampserver的使用 文章目录 wampserver的使用1.启动2.目录3.基本操作 1.启动 WampServler有三种状态 服务器关闭状态&#xff0c;颜色为红色服务器开启&#xff0c;但是为离线状态&#xff0c;颜色为橙色&#xff0c;只有本机可以访问服务器开启&#xff0c;在线状态&#xf…

万字长文,小白新手怎么开始做YOLO实验,从零开始教!整体思路在这里,科研指南针!

最近专栏来了很多的新手小白&#xff0c;对科研实验的过程感到困惑和无从下手&#xff0c;这篇文章就来讲解一下整体的科研流程&#xff0c;从选择数据集到发表论文的各个步骤&#xff0c;并针对大家在实验中常犯的错误进行解答。并且为大家提供通向我其他相关博客的指引&#…

远程服务器上,再次配笔记1、2、11、12相同的深度学习和gcc环境

文章目录 参考文献 创建环境在(zgp_m3dm)中安装会显示zgp_m3dm_main环境中的情况满足(base) ~/zgp/M3DM-repetition conda deactivate 再次安装如果服务器本身不能联网&#xff0c;需下载pysocks包以设置反向代理&#xff08;具体可参考之前的笔记10&#xff09;&#xff1a; 再…

乡村振兴与乡村旅游品牌化:打造具有地方特色的乡村旅游品牌,提升乡村旅游吸引力,促进美丽乡村建设

目录 一、引言 二、乡村旅游品牌化的重要性 &#xff08;一&#xff09;增强乡村旅游的辨识度 &#xff08;二&#xff09;提升乡村旅游的附加值 &#xff08;三&#xff09;促进乡村文化的传承与创新 三、打造具有地方特色的乡村旅游品牌 &#xff08;一&#xff09;明…