前端设计基础
关注
分享
扫一扫
文章平均质量分 79
本专栏将介绍HTML5，CSS3，JS知识点以及项目案例。
Baridhu
行百里者半九十
展开
-
还弄不懂相对路径和绝对路径，这篇文章带你简单剖析
1 路径的介绍➢ 场景：页面需要加载图片，需要先找到对应的图片➢ 类似于：生活中两个人，我要去找你，需要通过一定的路径才能找到！➢ 同理：页面需要找到图片，也是需要通过路径才能找到➢ 路径可分为：• 绝对路径（了解）• 相对路径（常用）2 绝对路径（了解）➢ 绝对路径：指目录下的绝对位置，可直接到达目标位置，通常从盘符开始的路径➢ 例如：• 盘符开头：D:\day01\images\1.jpg➢演示： <img src="D:\day01\images\1.jpg" alt=原创 2022-04-22 14:46:13 · 2311 阅读 · 0 评论 -
【HTML5系列二】：HTML标签
本文主要内容有：列表标签，表格标签，表单标签，语义化标签，字符实体原创 2022-03-08 11:26:31 · 186 阅读 · 0 评论 -
【HTML5系列一】：HTML初识
本文章主要内容为：Web标签三个组成部分、HTML骨架结构、标签标签和段落标签、常见双标签、常见单标签、文本加粗、下划线、倾斜、删除线效果、图片标签的src属性、alt属性、title属性各自的作用、相对路径在网页中显示图片、网页中插入音频、视频、网页中插入跳转去指定网页的超链接。原创 2022-03-06 15:18:48 · 357 阅读 · 0 评论 -
简单的个人介绍网页-开场特效2（HTML+CSS）【附代码】
动态效果代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>HELLO!</title> <style> * {原创 2021-01-19 09:53:25 · 5903 阅读 · 0 评论 -
简单的个人介绍网页-开场特效（HTML+CSS）【附代码】
动态效果当鼠标放在字母上后会出现光晕代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>I'm Chris!</title> <style>原创 2020-11-26 15:15:20 · 22433 阅读 · 10 评论 -
简单的个人介绍网页-主页面【附代码】
主页面代码1（style.css） .nav { height: 41px; border-top: 3px solid #b4fffa; border-bottom: 1px solid #edeef0; background-color: #fcfcfc; line-height: 41px; } .nav a {原创 2020-11-23 18:21:22 · 43213 阅读 · 20 评论 -
简单的个人介绍网页【附代码】
个人介绍网页效果代码注：图片大家可以选择自己喜欢的，不在另外附加喽<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Chris</title> <st原创 2020-11-22 11:04:48 · 73491 阅读 · 15 评论