HTML-JavaWeb

目录

1.标题排版

2.标题样式

​编辑 ​编辑

小结

3.超链接

4.正文排版

​编辑​编辑​编辑5.正文布局

6.表格标签

7.表单标签

8.表单项标签

1.标题排版

● 图片标签 :< img>

· src:指定图像的ur1(绝对路径/相对路径)

· width:图像的宽度(像素/相对于父元素的百分比)

· height:图像的高度(像素/相对于父元素的百分比)

● 标题标签 :< h1> -< h6>

● 水平线标签 :< hr>

1. 标题标签

● 标签 :< h1> ...< /h1>(h1→h6 重要程度依次降低)
● 注意:HTML标签都是预定义好的,不能自己随意定义。

2. 水平线标签 <hr>

3. 图片标签

<img src=" ... " width=" ... " height=" ... ">

● 绝对路径:绝对磁盘路径(D:/xxxx)、绝对网络路径(https://xxxx)
● 相对路径:从当前文件开始查找。(./:当前目录, .. /:上级目录)

2.标题样式

 

小结

1. <span>标签

●<span>是一个在开发网页时大量会用到的没有语义的布局标签

● 特点:一行可以显示多个(组合行内元素),宽度和高度默认由内容撑开

2. CSS选择器

● 元素选择器:标签名 { ... }

●id选择器:#id属性值 { ... }

● 类选择器 :. class属性值 { ... }

● 优先级:id选择器>类选择器>元素选择器

3. CSS属性

● color:设置文本的颜色

●font-size:字体大小 (注意:记得加px)

3.超链接

● 标签:

<a href=" ... "target=" ... ">央视网</a>

● 属性:

href:指定资源访问的url

target:指定在何处打开资源链接

     _self:默认值,在当前页面打开
     _blank:在空白页面打开

4.正文排版

● 视频标签 :< video>

src: 规定视频的url

· controls:显示播放控件

· width:播放器的宽度

· height:播放器的高度

● 音频标签 :< audio>

· src:规定音频的url

controls:显示播放控件

● 段落标签 :< p>

● 文本加粗标签 :< b>/<stroag>

5.正文布局

● 布局标签:实际开发网页中,会大量频繁的使用div和span这两个没有语义的布局标签。

● 标签 :< div> <span>

特点:
● div标签:
● 一行只显示一个(独占一行)

● 宽度默认是父元素的宽度,高度默认由内容撑开

● 可以设置宽高(width、height)

● span标签:
● 一行可以显示多个
● 宽度和高度默认由内容撑开

● 不可以设置宽高(width、height)

6.表格标签

7.表单标签

● 场景:在网页中主要负责数据采集功能,如注册、登录等数据采集。

● 标签 :< form>

● 表单项:不同类型的input元素、下拉列表、文本域等。

● <input>:定义表单项,通过type属性控制输入形式

● <select>:定义下拉列表

● <textarea>:定义文本域

属性:

● action:规定当提交表单时向何处发送表单数据,URL

● method:规定用于发送表单数据的方式。GET、POST

8.表单项标签

<input>:表单项,通过type属性控制输入形式。

<select>:定义下拉列表,<option>定义列表项。

<textarea>:文本域

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

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

相关文章

【AD21】文件的整理

当所有文件输出完成后&#xff0c;需要对不同的文件去做一个整理&#xff0c;方便后续工作的交接。 在项目工程文件夹下新建名称为BOM、SMT、PRJ、Gerber和DOC的文件夹。 BOM文件夹存放BOM表发给采购人员。SMT文件夹存放装配图文件和坐标文件发给贴片厂。PRJ文件夹存放工程文件…

C++基础:多态

多态相关 多态继承重写父类的虚函数多态的体现,父类的引用指向子类对象的空间虚函数可以实现,也可以不实现,不实现必须要有初始值存在未定义的虚函数的类为抽象类.抽象类不能实例化对象;(animal父类不能实例化对象)如果父类中的函数非虚函数,则会调用父类中的函数//多态的体现…

汇凯金业:纸黄金和实物黄金的价格有什么区别

纸黄金和实物黄金的价格主要受到全球黄金市场行情的影响&#xff0c;二者的基础价格并无太大差异&#xff0c;但在具体交易时&#xff0c;可能会存在一些价格上的区别&#xff0c;这些差异主要来自以下几个方面&#xff1a; 交易费用与管理费&#xff1a;纸黄金交易通常需要支…

python xls格式转为xlsx格式

python 两个表格字段列名称值&#xff0c;对比字段差异-CSDN博客 import os import win32com.clientdef xls_to_xlsx(file_path, excel):"""将指定的xls文件转化为xlsx格式file_path: 文件路径excel: 代表Excel应用程序"""# 打开原始文档workbo…

【Java】IdentityHashMap 的使用场景

文章目录 前言1. Druid 应用场景2. IdentityHashMap 特性3. IdentityHashMap 同步化4. IdentityHashMap 处理key为空值后记 前言 最近有兴趣看一下 Druid 连接池怎么做连接管理的&#xff0c;看到一个类 IdentityHashMap &#xff0c;这里记录一下使用场景。 1. Druid 应用场…

代码随想录算法训练营第36期DAY41

DAY41 动态规划理论基础 还差闫氏分析法没学完。见B站收藏夹。 前两题学习初始化方式就好vector<int> dp(N1); 509斐波那契数 简单。 class Solution {public: int fib(int N) { if (N < 1) return N; int dp[2]; dp[0] 0; dp[…

plt画图中文乱码

1、使用font_manager的FontProperties解决 通过FontProperties来设置字符及大小&#xff0c;来解决中文显示的问题&#xff0c;代码如下&#xff1a; import matplotlib import matplotlib.pyplot as pltpath "..\simsun.ttc"#改成你自己的文件路径 font FontProp…

【物联网实战项目】STM32C8T6+esp8266/mqtt+dht11+onenet+uniapp

一、实物图 前端uniapp效果图&#xff08;实现与onenet同步更新数据&#xff09; 首先要确定接线图和接线顺序&#xff1a; 1、stm32c8t6开发板连接stlinkv2下载线 ST-LINK V2STM323.3V3.3VSWDIOSWIOSWCLKSWCLKGNDGND 2、ch340串口连接底座&#xff08;注意RXD和TXD的连接方式…

NSS题目练习4

[LitCTF 2023]1zjs 打开后是一个游戏&#xff0c;用dirsearch扫描&#xff0c;什么都没发现 查看源代码搜索flag&#xff0c;发现没有什么用 搜索php&#xff0c;访问 出现一堆符号&#xff0c;看样子像是jother编码 解码得到flag&#xff0c;要删掉[] [LitCTF 2023]Http pro …

37、Flink 的窗口函数(Window Functions)详解

窗口函数&#xff08;Window Functions&#xff09; a&#xff09;概述 定义了 window assigner 之后&#xff0c;需要指定当窗口触发之后&#xff0c;如何计算每个窗口中的数据&#xff0c; 即 window function。 窗口函数有三种&#xff1a;ReduceFunction、AggregateFunc…

嵌入式学习记录5.27(c++基础1)

目录 一.C和C的区别 二.输入输出流类 2.1输出cout 2.2输入cin 三.命名空间 2.1使用命名空间中的标识符 2.2命名空间中声明函数 2.3命名冲突问题 2.4匿名空间 2.5命名空间添加&#xff0c;嵌套&#xff0c;重命名 四.字符串的使用 4.1string类 4.2C风格和C风格字符串…

LeetCode27.移除元素

题目链接&#xff1a; 27. 移除元素 - 力扣&#xff08;LeetCode&#xff09; 思路分析&#xff1a;同样属于经典的双指针移动问题&#xff0c;要掌握固定的思路即可。 算法分析&#xff1a;这个题目可以这样处理&#xff0c;我们把所有非val 的元素都向前移动&#xff0c;把…

Java面试八股之线程池是怎么实现的

线程池是怎么实现的 线程池是一种基于池化技术的线程管理方式&#xff0c;通过预先创建一定数量的线程并保持在池中待命&#xff0c;从而在有任务来临时能够快速分配线程处理任务&#xff0c;而无需频繁创建和销毁线程&#xff0c;以此达到提升系统性能、减少资源消耗的目的。…

推荐《从零开始大模型开发与微调》

大模型是深度学习是当前AI和NLP研究与产业中最重要的方向之一。 本书用PyTorch 2.0作为学习大模型的基本框架&#xff0c;以ChatGLM为例详细讲解大模型的基本理论、算法、程序实现、应用实战以及微调技术&#xff0c;为读者揭示大模型开发技术。 《从零开始大模型开发与微调&…

两个数组的交集-力扣

想到的解法是使用两个哈希表&#xff0c;s1用来统计nums1中出现过的数字&#xff0c;然后遍历nums2数组&#xff0c;当能够在s1中查找到nums2的元素时&#xff0c;将这个元素添加到s2中&#xff0c;最后遍历s2&#xff0c;将其中的元素添加到返回数组中。 但最开始写时&#xf…

外星人存在与否......----小话外星人(1)

前一段时间&#xff0c;看了好多关于UFO、外星人、宇宙、远古外星人的视频和电子书&#xff0c;最后发现&#xff0c;这样的东西还是不要看多为好&#xff0c;搞得好像这些是真的似的&#xff0c;有时睡觉会被意外惊醒&#xff0c;想多了...... 1、外星人存在吗 不管有多少UFO的…

Windows10映射网络驱动器之后不显示映射盘

目录 背景解决步骤1、按 Windows R 打开运行2、打开注册表编辑器3、 System上新建-- DWORD(32bit)4、对新建的文件重命名5、将EnableLinkedConnections的数值改为16、退出注册表编辑器&#xff0c;重启系统。 知识扩展断开连接备份注册表 背景 目前有一台NAS服务器,和一台lin…

Vuex 页面刷新数据丢失怎么解决

当Vuex中的数据在页面刷新后丢失时&#xff0c;这通常是因为Vuex的状态数据是保存在运行内存中的&#xff0c;页面刷新会导致Vue实例重新加载&#xff0c;进而Vuex中的数据被重置为初始状态。为了解决这个问题&#xff0c;可以采取以下几种方法&#xff1a; 1. 使用浏览器的本…

工厂模式的三种实现方式

文章目录 1.引出工厂模式具体需求 2.传统模式1.类图2.目录结构3.pizzastore 用于设计pizza1.Pizza.java 抽象的Pizza类型2.CheesePizaa.java CheesePizaa3.GreekPizza.java GreekPizza 4.order 用于订购和制作pizza1.OrderPizza.java 制作pizza2.PizzaStore.java 订购pizza 5.优…

【Redis】 关于列表类型

文章目录 &#x1f343;前言&#x1f340;常见操作命令介绍&#x1f6a9;lpush&#x1f6a9;lpushx&#x1f6a9;rpush&#x1f6a9;rpushx&#x1f6a9;lrange&#x1f6a9;lpop&#x1f6a9;rpop&#x1f6a9;lindex&#x1f6a9;linsert&#x1f6a9;llen&#x1f6a9;lrem&…