奇妙的html 和 Css【关于html、Css 开发中重要的细节和一些小奇怪现象】

简介: 奇妙的html 和 Css【关于html、Css 开发中重要的细节和一些小奇怪现象】

奇妙的html 和 Css【关于html、Css 开发中一些小奇怪现象和 非常重要的细节】

 

1、重要细节】:a 标签定义超链接

■ <a> 标签可以是超链接或锚。【a 标签重要的属性 href】

● 通过 href 属性,创建指向另外一个文档的链接(或者超链接);

● 通过使用name 或 id 属性,创建一个文档内部的书签(即,可以指向文档片段的链接);

细节:# 占位符,即当前页面的意思。

 

 

2、重要细节img 标签,一般宽或高只设置其中的一个属性【不要同时一起设置,会导致图片失真】

img 必须要有的两个属性 src 和 alt【alt 就是图片显示不出来的提示】,

■ 还可以加个 title【title 就是鼠标移动到图片身上的提示】

 

 

3、重要细节input标签, 作为输入框,若是想将输入框中的内容输给action的那个资源进行处理,必须要有name属性;

  【name 和 内容,即参数名和参数 是键值对】

  【value 是用来回显内容的

<input type="text" name="username" valule="默认值"/>    //有value属性,则输入框默认有内容,否则内容就是空的,需要用户输入,然后name=内容; 传给action的服务器处理

 

 

4、重要细节补充一个标签: frameset 框架标签【属性 划分行rows, 划分列cols】,

属性src 可以将其他页面的内容拼接到本框架中。

frame 框架上定义上 name 属性作为锚点; 结合超链接a的target 属性=锚点值。


22.png

23.png


5、重要细节:文件上传准备 <form>表单 method 必须是"POST"enctype"multipart/form-data"

★ 文件上传

  • 上传文件的要求:表单form 请求方式必须是 post 方式编码方式必须是 二进制,即enctype="multipart/form-data"
    上传的文件的控件类型必须是 file.
<form action="/upload" method="POST" enctype="multipart/form-data">
    文件上传: <input type="file" name="pic">
</form>

 

✿ 注意:使用二进制的编码之后的form enctype="multipart/form-data"  在 Servlet 中再也不能通过request.getParameter 方法来获取参数了,设置编码都没有效果。


 

 

 

1、【奇怪现象】:发现了一个奇妙现象:数字不自动换行

● 文本

<div class="title">标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题</div>

● 数字

<div class="title">555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555</div>

结果:文本自动换行、数字不自动换行

目录
相关文章
|
16天前
|
前端开发 JavaScript 开发工具
【HTML/CSS】入门导学篇
【HTML/CSS】入门导学篇
23 0
|
1月前
|
开发框架 前端开发 JavaScript
前端框架演进史:从HTML到现代化开发
前端框架演进史:从HTML到现代化开发
35 0
|
7天前
|
数据采集 前端开发 网络协议
如何使用代理IP通过HTML和CSS采集数据
如何使用代理IP通过HTML和CSS采集数据
|
11天前
|
存储 前端开发 JavaScript
Sass:提升CSS开发效率的利器
Sass:提升CSS开发效率的利器
14 0
|
11天前
|
前端开发 搜索推荐 数据安全/隐私保护
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
18 1
|
11天前
|
PHP
web简易开发——通过php与HTML+css+mysql实现用户的登录,注册
web简易开发——通过php与HTML+css+mysql实现用户的登录,注册
|
18天前
|
JSON JavaScript 前端开发
js是什么、html、css
js是什么、html、css
|
19天前
|
XML 前端开发 JavaScript
css和html
【4月更文挑战第7天】css和html
13 0
|
24天前
|
人工智能 前端开发 JavaScript
【前端设计】HTML+CSS+JavaScript基本特性
【前端设计】HTML+CSS+JavaScript基本特性
|
1月前
|
前端开发 容器 内存技术
使用CSS3画出一个叮当猫HTML源码
本文教程介绍了如何使用CSS3绘制叮当猫,通过HTML结构和CSS样式逐步构建叮当猫的各个部位,如头部、脸部、脖子、身体、手脚等。代码示例展示了如何利用渐变、边框、阴影和定位技巧实现三维效果和细节特征。此外,还添加了眼珠的动画效果,让叮当猫的眼睛能够转动。整个过程适合对CSS3感兴趣的读者参考学习,以提升动态图形创作技能。
16 0
使用CSS3画出一个叮当猫HTML源码