首页 > 编程语言 >Javaweb学习笔记第十弹

Javaweb学习笔记第十弹

时间:2022-09-21 22:04:06浏览次数:78  
标签:Javaweb 第十 标签 笔记 ---- HTML ----- 选择器 CSS

本章存在的意义,大概就是为了回顾一下被遗忘不久的html了

HTML:超文本标记语言(不区分大小写,语法较为松散,但建议书写时规范一些)

HTML标签由浏览器来解析

标签展示图片

具体详情也可以去参考W3school网站哦!

结构:HTML
表现:CSS
行为:JavaScript

<body></body>标签中存放页面**主体** <head></head>标签中存放页面**标题**

标签用来定义文字颜色、大小等属性

基础标签

html  表示颜色:

1、英文单词:具有较大的局限性

2、rgb(值1,值2,值3);//利用红绿蓝三原色的相对比例进行调色

3、#值1值2值3:值的范围:00~FF

hr-----定义水平线

br-----换行

b-----加粗

i-----斜体

u-----下划线

p-----定义段落

图片、音频和视频标签

记得将图片、音频和视频放置到跟jsp文件的同目录下----相对路径----更为方便

图片:img标签

img src="图片名称" wide="" height=""

音频:

audio src="音频名称" controls /audio

视频:video标签

video src="视频名称" controls weigh="" height="" /video

超链接标签:a标签

a href="资源路径" target="" /a

target后面有两个值可供选择:

self:默认值,在当前页面打开
blank:在空白页面打开

列表标签

有序列表:ol----其中的序号也是可以通过ol中的type进行修改----type设置项目符号

无序列表:ul

列表项:li

表格标签:table标签

th:定义表头单元格

tb:定义单元格

tr:定义行

表格的边界:用border定义 记得同时要加入cellspacing=""将临近的单元格边界合二为一;否则单元格之间会有空隙,影响美观

要使得表格内容居中,align="center"----居中操作

表格除了单纯的展现出每一行、每一列的格子之外,还可以进行表格合并的操作:--列:colspan
--行:rowspan

布局标签

div /div------块级标签(自动换行)

span /span------(不会自动换行)

表单项标签

input-------中的type属性作用加大,应用较多

1、使得点击区域变大:label标签

2、单选标签:为了实现单选互斥的功能,需要在input标签里面加上name="gender" value="想要提交上去的选择的结果名称"

3、复选标签:同样要加上value=""的属性,避免提交结果与选项不匹配

表单标签:form标签

其中,包含两个属性:actionmethod

action负责发送

method负责提交:-----1、get(默认值),请求参数跟在URL后面,名称有一定的限制

           -----2、post:隐藏在URL中,请求参数无限制

一般在使用HTML写页面时,将action属性值定义为post

textarea:文本域标签

一般在填写建议或者协议等长段文字时会使用到该标签

CSS

在body元素里面,包含一个style标签,用来存放CSS相关代码

导入方式

1、内联样式:在div标签里面放置style标签,称为内联

2、内部样式:在div标签中存储一个style标签,称为内部

3、外部样式:新建一个css文件,用来存放CSS相关代码,与HTML中的相关代码结合使用,称为外部

CSS选择器(同时存在时,哪种范围越小,就用哪一种选择器的代码)

1、元素选择器

2、#id选择器

3、类选择器

标签:Javaweb,第十,标签,笔记,----,HTML,-----,选择器,CSS
From: https://www.cnblogs.com/liuzijin/p/16712782.html

相关文章

  • vue学习笔记(二):vue目录结构,及vue组件和用法
    一、目录结构: 二、vue组件:  项目目录中的app.vue是一个顶级组件,可以删除里面的代码,然后来重新写:  注意:<template>标签下面只能有一个根元素,也就是说下面的写......
  • for 循环学习笔记
              定义遍历是指通过某种顺序对一个数据结构中的所有元素进行访问。隐喻遍历就像点名,需要有顺序地对所有成员进行一次“查询”。  ......
  • 图像处理学习笔记-02-数字图像基础
    第一节简述人类视觉系统的一些重要方面,包括人眼中图像的生成及人眼适应和辨认灰度的一些能力,第二节讨论光、电磁波谱的其他分量及他们的成像特点,第三节讨论成像传感器及如......
  • 代码笔记25 C++ OpenCV注意遍历cv::Mat格式中的数据格式
    1 用visualstudio做OpenCV的一些图像处理。不得不说,用起C++就怀念python,不止一次想放弃然后用python写,或许用g++和CMake会好点。在遍历cv::Mat中会使用mat.at<type>(in......
  • JAVA多线程-学习笔记
    1.1概述程序:程序是指令和数据的有序集合,其本身没有任何运行的含义,是一个静态的概念。进程(Porcess):是执行程序的一次执行过程,是一个动态的概念,是系统资源分配的单位。线......
  • 【学习笔记】DOM对象
    【学习笔记】DOM对象DOM:文档对象模型浏览器网页就是一个DOM树形结构更新:更新DOM节点遍历:得到DOM节点,通过ID、class等删除:删除DOM节点添加:添加一个新的DOM节点 要......
  • elasticsearch8.1源码编译笔记
    环境idea2022.1.3jdk17macos10.14.6gradle7.4.2(代码自动下载)前置准备idea设置JDK17idea设置gradleJVM为ProjectJVMgradle设置aliyun加速(可选),有时设......
  • 前端学习笔记--HTML5
    网页的优点(客户端为网页)(B/S)模式开发成本低)不需要安装无需更新跨平台(最重要)可以有效的减小开发成本传统的为C/S模式,开发成本高前端工程师负责写网页的源代码,而浏览......
  • R语言学习笔记:因子factor和数据框data frame基础介绍和使用教程
    今天的笔记内容是R语言中因子和数据框的基础介绍和使用方法。更多笔记关注公众号:生信分析笔记R语言因子因子可以用来存储不同类别的数据类型,R语言创建因子使用facto......
  • 程序员的修炼之道:从小工到专家 读书笔记一
    序中讲述了:如何成为更好的程序员,通过阅读本书,将会对你有帮助,编程是一个技艺,是艰难的工作。讲述了这本书的目标:使得读者变成更为有效、更多产的程序员。简单讲述了注重实效......