html期末复习速览

news2024/11/19 11:22:50

一.基础标签

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.coloradmin.cn/o/1720689.html

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

相关文章

数据结构与算法笔记:基础篇 - 数组:为什么数组都是从0开始编号

概述 提到数组&#xff0c;大家应该都不陌生。每一种编程语言基本都会有数组这种数据类型。不过&#xff0c;它不仅仅是一种编程语言中的数据类型&#xff0c;还是一种基础的数据结构。尽管数组看起来非常简单&#xff0c;但是我估计很多人并没有理解这个数据结构的精髓。 在…

ros DWA局部规划模块

ROS-DWA模块 主要流程DWAPlannerROS::computeVelocityCommandsDWAPlannerROS::dwaComputeVelocityCommandsDWAPlanner::findBestPathSimpleScoredSamplingPlanner::findBestTrajectory 调参技巧DWA被目标点过度吸引&#xff0c;且不听全局规划器指挥 消融实验goal_front_costs_…

写大型C工程makefile构建~

正文 最开始学习linux应用开发编写的时候&#xff0c;估计大部分伙伴们都是在一个目录里面编译整个工程&#xff0c;主要是linux通常没有非常合适的集成开发环境。 以前单目录的方式实在太过捡漏&#xff0c;在linux环境中进行C代码工程开发很多时候需要编写一个相对比较通用的…

android gradle8.3 发布插件踩过的坑

之前写过gradle6.x和gradle7.x的插件&#xff0c;会有一些改动&#xff0c;到8.x我发现又有一些变化&#xff0c;记录一下&#xff0c;防止后边再遇到相同的情况 下边是插件的gradle文件配置 plugins {id("java-gradle-plugin") //会自动引入java-library、gradleAp…

SwiftUI中Popover的使用(弹出方式,箭头位置,如何退出)

在iOS中&#xff0c;popover是出现在现有内容顶部的UI元素&#xff0c;通常用于在上下文中向用户呈现新视图。与其他占用整个屏幕的视图控制器不同&#xff0c;popover出现在一个较小的、集中的区域&#xff0c;从而使用户能够在必要时与popover外的应用程序的其他部分进行交互…

C#的web项目ASP.NET

添加实体类和控制器类 using System; using System.Collections.Generic; using System.Linq; using System.Web;namespace WebApplication1.Models {public class Company{public string companyCode { get; set; }public string companyName { get; set; }public string com…

国产飞腾/龙芯/瑞芯微芯片在信创行业应用:金融行业、教育行业、党政机关

党政机构 方案背景&#xff1a; 在国家提出信息技术应用创新发展战略的大环境下&#xff0c;政务大厅需要基于国家科技自主技术深入推进“互联网政务服务”。加快建设全国一体化在线政务服务平台&#xff0c;进一步落实创新驱动发展战略&#xff0c;提升政务网络安全保障能力…

智慧园区整理技术方案(ppt,软件全套建设方案)

智慧园区管控平台整体技术方案 1.平台概述 2.公共安全 3.物业管理 4.综合管理 5.企业服务 平台规划&#xff0c;整理技术架构搭建&#xff0c;统一门户&#xff0c;lot物联平台&#xff0c;视频云管理平台&#xff0c;GIS服务平台&#xff0c;服务器架构&#xff0c;统一身份认…

Ps:调整画笔工具

调整画笔工具 Adjustment Brush Tool可以将选区、创建蒙版和应用调整的传统工作流程合并为一个步骤&#xff0c;简化了对图像进行非破坏性局部调整的操作。 快捷键&#xff1a;B 调整画笔工具是 Photoshop 2024 年 5 月版&#xff08;25.9 版&#xff09;新增的工具。 ◆ ◆ …

JavaSE:SE知识整体总结

1、引言 历时一个多月的学习&#xff0c;已经掌握了JavaSE的知识&#xff0c;这篇博客就来做一下SE知识的总结~ 2、数据类型和变量 Java中的数据类型分为基本数据类型和引用数据类型。 2.1 基本数据类型 基本数据类型共有四类八种&#xff1a; 四类&#xff1a;整形、浮点…

遗留和现代数据库中的向量搜索

遗留和现代数据库中的向量搜索 image1 向量数据库是一种将数据&#xff08;包括文本、图像、音频和视频&#xff09;存储为向量的数据库&#xff0c;向量是高维空间中对象或概念的数学表示。 注意&#xff1a;根据数据的复杂程度和细节&#xff0c;每个向量的维数可能差别很大&…

SpringBoot的第二大核心AOP系统梳理

目录 1 事务管理 1.1 事务 1.2 Transactional注解 1.2.1 rollbackFor 1.2.2 propagation 2 AOP 基础 2.1 AOP入门 2.2 AOP核心概念 3. AOP进阶 3.1 通知类型 3.2 通知顺序 3.3 切入点表达式 execution切入点表达式 annotion注解 3.4 连接点 1 事务管理 1.1 事务…

面试杂谈k8s

其实看我之前的博客&#xff0c;k8s刚有点苗头的时候我就研究过&#xff0c;然后工作的时候间接接触 也自己玩过 但是用的不多就忘记了&#xff0c;正苦于不知道写什么&#xff0c;水一篇 用来面试应该是够了 支持云应用开发、运行与运维一体化的云应用平台软件应运而生 k8s核…

前端树形结构组件的设计与实现:以企查查、天眼查股权结构为例

摘要 随着信息化时代的不断发展&#xff0c;数据可视化在各行各业的应用越来越广泛。特别是在商业信息查询领域&#xff0c;如企查查、天眼查等平台&#xff0c;通过直观的数据展示方式&#xff0c;帮助用户快速理解复杂的商业关系。本文将以一个前端tree树形结构模版组件为例…

CompassArena 司南大模型测评--代码编写

测试角度 要说测试模型&#xff0c;对咱们程序员来说&#xff0c;那自然是写代码的能力强不强比较重要了。那么下面我们以 leetcode 中的一道表面上是困难题的题目来考考各家大模型&#xff0c;看看哪个才应该是咱们日常写程序的帮手。 部分模型回答 问题部分如下截图&#…

Day-04python模块

一、模块 1-1 Python 自带模块 Json模块 处理json数据 {"key":"value"} json不是字典 本质是一个有引号的字符串数据 json注意点 {} 中的数据是字符串引号必须是双引号 使用json模块可以实现将json转为字典&#xff0c;使用字典的方法操作数据 。 或者将…

HCIP-Datacom-ARST自选题库__MAC【14道题】

一、单选题 1.缺省情况下&#xff0c;以下哪种安全MAC地址类型在设备重启后表项会丢失? 黑洞MAC地址 Sticky MAC地址 安全动态MAC地址 安全静态MAC地址 2.华为交换机MAC地址表中的动态sticky MAC地址的默认老化时间是多少秒? 300 不会老化 400 500 3.华为交换机MA…

apache大数据各组件部署搭建(超级详细)

apache大数据数仓各组件部署搭建 第一章 环境准备 1. 机器规划 准备3台服务器用于集群部署,系统建议CentOS7+,2核8G内存 172.19.195.228 hadoop101 172.19.195.229 hadoop102 172.19.195.230 hadoop103 [root@hadoop101 ~]# cat /etc/redhat-release CentOS Linux rele…

揭秘APP广告变现项目

在当今移动应用市场&#xff0c;广告变现已经成为开发者盈利策略的重要组成部分。 通过在应用程序中展示多种类型的广告&#xff0c;如插页式广告、横幅广告和激励视频广告&#xff0c;开发者能够获得经济效益。 实现这一目标的核心在于平衡收入与用户体验&#xff0c;避免过…

【差分隐私联邦学习从入门到发文】

差分隐私联邦学习从入门到发文 差分隐私联邦学习从入门到发文一、学习相关理论1. 差分隐私理论解读2. 联邦学习相关收敛性分析3. 差分隐私经典论文解读4. 联邦学习代码解读5. 深度学习相关代码网站 二、必读论文三、最新进展2023 差分隐私联邦学习从入门到发文 这是关于差分隐…