web前端技能方法总结(css、js、jquery、html)(8)

简介: web前端技能方法总结(css、js、jquery、html)

letter-spacing:具体数值 字母间距
word-spacing:数值 单词间距
overflow:auto 溢出滚动
visibility:hidden 隐藏
charset 字符集
utf-8 国际编码
gb2312/gbk 中国编码
author 作者
copyright 版权
keywords 关键词
description 介绍
格式化标签
font
规定文本的字体、字体尺寸、字体颜色

pre
定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体

文本标签
(粗文本)、(斜体文本)、(下划线文本)、

< del >(中划线文本)、(下标文本)、(上标文本)

a标签
标签定义超链接,用于从一张页面链接到另一张页面。

元素最重要的属性是 href 属性,它指示要链接的目标位置,同时没有href属性a标签内的内容与普通文本没有区别,也就失去了超链接的功能。

若是想要跳转到当前页面,那么href的值为#。被链接页面通常显示在当前浏览器窗口中,除非您规定了另一个目标(target 属性)。

百度

常用属性

属性值描述hrefURL连接所要跳转的位置,可能是其他或当前页面。target_blank
_parent
self
top
Framename作为锚点的a标签的name值规定在何处打开链接文档。
_blank:开启新页面显示页面;
_self:当前页面显示跳转到页面,默认值。
_top:用于有frameset布局的页面,想要覆盖整个页面显示。
Framename:这里framename与上边的值不同,具体以为frame起了什么样的名字为准,该值指示要连接的页面跳转后将在相应名称的框架中显示。

锚点的实现

利用a标签的name属性:

一般标签的id属性:div id=""、a id="" 等:

锚点定位

返回首部

图片
img 元素向网页中嵌入一幅图像。

注意:从技术上讲,

 标签并不会在网页中插入图像,而是从网页上链接图像。

 标签创建的是被引用图像的占位空间。

必须属性

属性值描述alttext规定图像的替代文本,一般在图片无法正常显示占位的文字。srcURL规定显示图像的 URL。

常用属性

属性值描述aligntop、bottom、middle、left、right规定如何根据周围的文本来排列图像borderpixels定义图像周围的边框heightpixels、%定义图像的高度。widthpixels、%定义图像的宽度。title文本当鼠标在图片上时显示的文字

相关文章
|
2天前
|
JavaScript 前端开发 安全
怎样用Node.js搭建web服务器
本文探讨了如何使用Node.js构建高效的HTTP服务器。首先,介绍了HTTP常见请求方法,如GET、POST、PUT等。接着,展示了如何使用Node.js的`http`模块创建服务器,并根据请求方法进行不同处理,如判断GET和POST请求,以及获取GET请求参数和处理POST请求数据。最后,讨论了服务器代码的模块化管理,包括路由管理和业务逻辑拆分,以提升代码的维护性和扩展性。通过本文,读者可以掌握基础的Node.js服务器开发及模块化设计技巧。
|
2天前
|
XML 前端开发 JavaScript
前端简介(HTML+CSS+JS)
前端简介(HTML+CSS+JS)
|
3天前
|
缓存 移动开发 前端开发
在PWA的开发中,HTML与CSS作为前端技术的基础,发挥着至关重要的作用
【6月更文挑战第14天】PWA(渐进式网页应用)借助HTML和CSS,提供接近原生应用的体验。HTML构建页面结构和内容,响应式设计适应各种设备,语义化标签提升可访问性,Manifest文件配置应用元数据,离线页面保证无网时体验。CSS则用于定制主题样式,创建动画效果,实现响应式布局,并管理字体和图标。两者协同工作,确保PWA在不同环境下的优秀性能和用户体验。随着前端技术进步,HTML与CSS在PWA中的应用将更加深入。
9 2
|
5天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的高校疫情防控web系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的高校疫情防控web系统附带文章源码部署视频讲解等
9 0
|
5天前
|
前端开发 安全 数据安全/隐私保护
Web实战丨基于django+html+css+js的在线博客网站
Web实战丨基于django+html+css+js的在线博客网站
11 2
|
5天前
|
数据库 数据安全/隐私保护 Python
Web实战丨基于django+html+css+js的电子商务网站
Web实战丨基于django+html+css+js的电子商务网站
19 3
|
10天前
|
Web App开发 监控 JavaScript
JS 鼠标框选(页面选择)时返回对应的 HTML 或文案内容
JS 鼠标框选(页面选择)时返回对应的 HTML 或文案内容 当用户进行鼠标框选选择了页面上的内容时,把选择的内容进行上报。 分为以下几点: 选择文案时 选择图片、svg、iframe、video、audio 等标签时 选择 input、select、textarea 等标签时 选择 input、textarea 标签内容时 选择类似 &nbsp; 字符时 键盘全选时 鼠标右键选择 以上各模块结合时 当包含标签的时候,返回 html 结构,只有文本时返回文本内容
13 1
|
13天前
|
前端开发
前端基础学习(一)HTML入门
前端基础学习(一)HTML入门
9 0
前端基础学习(一)HTML入门
|
13天前
|
前端开发 安全 Java
家政系统(用户端)介绍Java18+前端html+后端springboot
家政系统(用户端)介绍Java18+前端html+后端springboot
16 0
|
Web App开发 移动开发 JavaScript
Web 前端开发精华文章集锦(jQuery、HTML5、CSS3)【系列二十】
  《Web 前端开发精华文章推荐》2013年第八期(总第二十期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章和资源能够帮助到您。
2311 0

热门文章

最新文章