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>

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

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

View->Bitmap缩放到自定义ViewGroup的任意区域(Matrix方式绘制Bitmap)

Bitmap缩放和平移 加载一张Bitmap可能为宽高相同的正方形&#xff0c;也可能为宽高不同的矩形缩放方向可以为中心缩放&#xff0c;左上角缩放&#xff0c;右上角缩放&#xff0c;左下角缩放&#xff0c;右下角缩放Bitmap中心缩放&#xff0c;包含了缩放和平移两个操作&#xf…

【面试】class文件里面是什么?

目录 1. 说明2. 主要部分2.1 魔数2.2 版本信息2.3 常量池2.4 访问标志2.5 类索引、父类索引和接口索引数组2.6 字段表2.7 方法表2.8 属性 1. 说明 1. .class 文件是 Java 编译器编译 Java 源代码文件&#xff08;.java 文件&#xff09;后生成的字节码文件。2.这些文件包含了 …

​探究当代婚恋市场的状况与挑战

​ 在当今社会&#xff0c;婚恋市场正经历着前所未有的变化。随着科技的进步和社会观念的演变&#xff0c;人们在寻找伴侣的方式和标准也在不断地发展。本文将探讨当前婚恋市场的状况&#xff0c;分析其面临的挑战&#xff0c;并提出相应的建议。 首先&#xff0c;互联网的普…

SpringBoot 多模块 多环境 项目 单元测试

环境描述 假设项目中有以下三个yml文件&#xff1a; application.ymlapplication-dev.ymlapplication-prod.yml 假设项目各Module之间依赖关系如下&#xff1a; 其中&#xff0c;D依赖C&#xff0c;C依赖B&#xff0c;B依赖A&#xff0c;D对外提供最终的访问接口 现在要想采…

深入解析MySQL事务的实现原理

一、事务的基本概念 在计算机科学中&#xff0c;事务 (Transaction) 是指对数据库进行的一系列操作&#xff0c;这些操作要么全部执行&#xff0c;要么全部不执行&#xff0c;是不可分割的工作单位。它们通常被用于确保数据库的完整性和一致性。 事务具有以下四个重要特性&am…

VUE阻止浏览器记住密码若依CLOUD(INPUT框密码替换圆点)

网上找的要不就是缺少方法要不就是不好用,故发一个完整的 粘贴可用版本 <el-form-item prop"password"><el-input v-model"loginForm.pwdCover" type"text" name"pwd" id"pwd" placeholder"密码" autoco…

“两客一危”车辆综合监控信息化产品及应用分析

引言 随着科技的不断进步和社会的发展&#xff0c;“两客一危”车辆&#xff08;即长途客车、旅游包车和危险品运输车&#xff09;的安全监管问题日益凸显。为了提升车辆的安全性能和管理效率&#xff0c;综合监控信息化产品应运而生。本文将对这一产品进行详细介绍&#xff0…

像艺术家一样工作

接下来开始翻译这本小册子 豆瓣评分还是挺高的&#xff0c;目前在国内没有看到有在售的翻译版本 书名直译的话是&#xff1a;像艺术家一样去偷 作者可能是为了制造营销话题&#xff0c;所以起了这么一个名字 但是偷这个词总归不太体面&#xff0c;所以我把书名翻译为&#…

随便用css换个渐变的太阳

来源于GPT4o&#xff1a;代码来源 <!DOCTYPE html> <html lang"zh-CN"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>渐变色上半圆…

机器学习笔记——欠拟合、过拟合

欠拟合 将训练损失和测试损失都比较大的拟合叫欠拟合&#xff0c;那么他的预测精度很低 1.一般出现在模型的复杂度小于数据本身的复杂度导致的&#xff0c;这个可能就是模型对数据的分布和实际数据分布之间的差异&#xff0c;这个就可能需要更换模型 2.还可能出现在梯度下降算…

零基础构建基于LangChain的聊天机器人(3)

检索对象 review_chain的目标是回答有关患者在医院就医体验的问题。到目前为止&#xff0c;已经将患者对医院的评论作为问题的上下文。虽然能回答少量问题&#xff0c;但它不具有很好的扩展性。此外&#xff0c;即使将所有评论放入模型的上下文中&#xff0c;也不能保证它使用…

QT天气预报项目(写在简历上)

一、ui设计 实现功能:可以搜索不同的城市进行天气的查询,并且显示未来7天内的天气,并绘制出当天的最高气温和最低气温曲线图。 学到的知识: stylesheet界面美化 Json数据解析 HTTP通信get请求 使用事件过滤器绘制温度曲线 多控件处理(利用数组) 代码整合调试能力 二…

线程思维导图

列出线程所有知识的框架结构&#xff0c;帮助理解线程相关知识&#xff0c;有更好的知识体系 Java相关进阶知识 多线程相关知识&#xff0c;超详细&#xff0c;易懂

Webrtc支持HEVC之Mediasoup SDP协商编码流程(三)

一、SDP校验 1、服务端的rtp能力配置 文件位置&#xff1a;cst-medias-server/core/config.js 具体内容&#xff1a;moduls.export-mediasoup-routerOpitions-mediaCodeces 注意事项&#xff1a;对于音视频codec&#xff0c;clinet只会使用第一个识别到的codec&#xff0c;…

windows上进行git初始化时报错:fatal: unknown write failure on standard output

一、报错描述 1、git init命令一般是在命令行&#xff0c;切换到项目的根目录后执行 2、如果是windows的系统&#xff0c;我们粘贴路径时&#xff0c;需要进行转义命令行才能识别&#xff0c; 也就是像我下面写的 D:\\Users\\...3、报错信息进行解读 一般情况下&#xff0c;…

Pytorch-Lighting使用教程(MNIST为例)

一、pytorch-lighting简介 1.1 pytorch-lighting是什么 pytorch-lighting&#xff08;简称pl&#xff09;&#xff0c;基于 PyTorch 的框架。它的核心思想是&#xff0c;将学术代码&#xff08;模型定义、前向 / 反向、优化器、验证等&#xff09;与工程代码&#xff08;for-…

C++学习之避免使用野指针

现有结构体struct_a和struct_b&#xff0c;其中struct_b中包含struct_a指针作为成员变量。先基于struct_a定义一个变量a_ptr&#xff0c;之后定义一个struct_b指针变量b_ptr&#xff0c;并将a_ptr赋值给b_ptr中的struct_a类型变量。之后释放b_ptr&#xff0c; 那么a_ptr指向的内…

红队内网攻防渗透:内网渗透之windows内网权限提升技术:工具篇

红队内网攻防渗透 1. 内网权限提升技术1.1 windows内网权限提升技术--工具篇1.1.1 Web到Win系统提权-平台&语言&用户1.1.1.1 Web搭建平台差异1.1.1.2 Web语言权限差异1.1.1.3 系统用户权限差异1.1.2 Web到Win系统提权-Windows 2012宝塔面板-哥斯拉1.1.2.1 环境条件:1.…

Anthropic公司CEO谈AI发展:Cluade安全超过商业利益

Anthropic公司今年3月发布的超越GPT-4模型Claude3 opus&#xff0c;成功吸引了大量GPT-4用户“叛变”。 作为OpenAI的头号劲敌&#xff0c;Claude3发布方Anthropic公司的联合创始人兼CEO&#xff0c;达里奥阿莫迪&#xff08;DarioAmodei&#xff09;承诺&#xff1a;在能够制…

生信分析进阶4 - 比对结果的FLAG和CIGAR信息含义与BAM文件指定区域提取

BAM文件时存储比对数据的常用格式&#xff0c;可用于短reads和长reads数据。BAM是二进制压缩格式&#xff0c;SAM文件为其纯文本格式&#xff0c;CRAM为BAM的高压缩格式&#xff0c;IO效率相比于BAM略差&#xff0c;但是占用存储空间更小。 1. BAM文件的比对信息 BAM的核心信…