Web前端
文章平均质量分 89
Web前端 学习笔记
化身孤岛的鲸o
我祈祷拥有一颗透明的心灵
展开
-
JavaScript 学习笔记
开始(1)alert() 弹出一个警告框(2)document.write() 让计算机在页面中输出内容(向body中)(3)console.log() 向控制台输出一个内容js编写位置(1)可以将js代码编写到标签的onclick属性中<button onclick="alert('hahaha');">点我一下</button>(2)可以将js代码写在超链接的href属性中,当点击超链接时,会执行js代码<a href="javascript:alert原创 2021-02-06 17:03:35 · 54 阅读 · 0 评论 -
HTML5+CSS3 学习笔记
文章目录写在前面参考的学习视频写在前面参考的学习视频【尚硅谷】Web前端零基础入门HTML5+CSS3基础教程丨初学者从入门到精通原创 2021-08-13 00:28:14 · 41 阅读 · 0 评论 -
HTML5 怎么自定义字体
如何导入自己下载的字体?首先,我们下载的字体格式一般是.ttf或者.otf,我们需要在样式表中定义我们下载的字体,也就是在style中定义,定义的是font-family(字体族)@font-face { font-family: MyFontName;//自定义字体名称 src: url(Mother-Tongue-Personal-Use-2.otf)//文件名}接下...原创 2020-03-01 18:12:06 · 1450 阅读 · 0 评论 -
HTML5 DIV+CSS综合运用
实训目标:(1)掌握CSS基本概念、CSS类型及4种CSS样式定义的方法。(2)掌握CSS中字体、排版、颜色、背景、列表等属性设置。(3)掌握DIV和SPAN标记语法,学会使用相关CSS属性来定义样式。实训内容(1)定义4种样式表,并学会引用。(2)自定义外部样式表,并能在Web页面中导人或链接外部样式表。(3)使用CSS盒模型的MBPC(margin、border、padding、...原创 2020-03-04 22:12:13 · 7586 阅读 · 0 评论 -
Day_3 HTML5 超链接与多媒体文件应用
项目1 设计简易动漫画廊实训要求:(1)利用超链接和图像标记设计简易灯箱画廊。(2)给简易灯箱画廊增加背景音乐效果。实训内容:(1)超链接的应用(2)无序列表的应用(3)图像标记的应用(4)背景音乐的应用(5)样式表的应用(6)浮动框架的应用知识点(1)超链接标记<a href="" title="" target="">链接内容</a>什么...原创 2020-03-02 18:08:42 · 4103 阅读 · 2 评论 -
Day_2 HTML5 格式化文本、段落与列表
项目1 文本与段落标记的应用知识点:(1)换行br标记<br> <!--插入单个换行-->(2)空格与特殊符号向网页中添加空格和特殊符号可以使用&符号加上相应的英文单词的缩写,以分号结束,如© ;表示版权, ; 表示空格(3)注释comment标记<!--注释内容--> /*方法一*/<commen...原创 2020-01-10 13:37:04 · 2560 阅读 · 0 评论 -
Day_1 Web前端开发环境配置与HTML基础
项目1 Web前端开发环境配置下载并安装常用的Web前端开发工具:(1)EditPlus软件(2)HBuilder软件(3)Subline Text软件可以自行下载使用。我这里使用的是HBuilder软件,界面如下:项目2 新生简易主页设计知识点:(1)html标记<html> ... </html>HTML文档结构由头部head和主体body构成...原创 2020-01-05 22:35:47 · 1307 阅读 · 0 评论