web前端
前端基础知识学习
游王子og
看不穿你所有的虚情假意,只触碰到你转瞬即逝的真心
展开
-
HTML5基础学习(8):文本修饰标签、div与span
一、文本修饰标签(1)<strong>标签:表示需要强调的文本,强调性较强。会对文本进行加粗:<p> <strong>这是一段需要强调的文本</strong> </p>(2)<em>标签:表示需要强调的文本,强调性较弱。会对文本进行斜体:<p> <strong>strong这是一段需要强调的文本</strong> &l原创 2020-09-22 17:14:12 · 1573 阅读 · 0 评论 -
HTML5基础学习(番外):VS Code工具使用
VS Code,全称Visual Studio Code,来自微软,是一个开源的、基于Electron的轻量代码编辑器。一、下载安装 点击打开下载地址,安装非常简单。打开软件后如下所示:二、设置中文 在扩展插件商店中搜索中文,进行安装。三、插件安装(1)open in browser和view in browser插件,可以再代码中直接右键使用浏览器打开正在编辑的页面。(2)live server插件,本地服务器插件。四、基本使用(1)...原创 2020-09-21 16:28:16 · 298 阅读 · 0 评论 -
HTML5基础学习(7):登录表单制作、表单知识补充
一、登录表单 有的时候用户需要填写信息,然后把填写完的信息交给服务器。把数据提交给服务器的动作就需要一个新的知识点:表单。(1)常见的表单控件 大部分的表单控件都是<input>编写出来,根据<input>标签中type属性的不同,控件也就不同:text:定义供文本输入的单行输入字段 password:定义密码字段 submit:定义提交表单数据至表单处理程序的按钮。 reset:定义重置表单按钮。 radio:定义单选按钮。 checkbox:...原创 2020-09-18 16:54:43 · 1339 阅读 · 0 评论 -
HTML5基础学习(6):个人简历制作
一、个人简历制作 接下来练习制作一个个人简历表格。例如:(1)这个表格中有好多合并的单元格,第一步我们先将单元格进行拆分,就可以得到一个7 x 6 的表格:(2)根据上图就可以编写单元格代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <..原创 2020-09-18 15:19:14 · 2048 阅读 · 0 评论 -
HTML5基础学习(5):百度云盘制作、简单表格制作
一、百度云盘制作(1)绝对地址与相对地址绝对地址:在任何情况下,都可以找得到的地址。网页中下面图片所在的路径叫做绝对路径:<img src="http://1000phone.com/html5/logo.png" />相对地址:必须知道当前所在,才能找得到的地址。网页中下面图片所在的路径叫做相对路径:<img src="img/timg02.jpg" />(2)添加百度网盘背景图,为了和网页大小一致把宽度设为100%<img src="img原创 2020-09-17 16:15:36 · 3173 阅读 · 3 评论 -
HTML5基础学习(4):如何下载图片及切图、标签使用和常见属性
一、如何下载图片 (1)在网页上下载图片非常简单,只需要在要下载的图片上右键找到图片另存为。选择要保存的地址即可。(2)有些网页图片右键没有图片另存为选项,这时我们需要按F12调出浏览器控制面板。选择Elements选项,会显示出网页的所有代码。点击左上角选取元素的箭头,选取要下载的图片。相应的代码部分就会显示出来: 在疑似图片地址的地方右键Open in new tab: 在打开的图片中就有图片另存为了。二、切图 要在一张大图中切取一张小图,...原创 2020-09-16 09:00:45 · 976 阅读 · 0 评论 -
HTML5基础学习(3):新闻列表、图片的使用
一、新闻列表 在网页中模拟百度新闻列表,如下图所示:(1)新建新闻列表目录:(2)<title>标签中编写的是网页的名字:(3)科技后面的灰色字母暂时还无法实现,先用图片代替:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>百度新闻列表</title> </head> <body&g..原创 2020-09-15 15:38:49 · 3281 阅读 · 0 评论 -
HTML5基础学习(2):写一篇博客
(1)在编辑器中新建项目,目录如下: 在index.html中编写博客标题:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> 数学的重要性 </body></html>(2)使用标题标签<h1>~<h6...原创 2020-09-14 17:16:29 · 273 阅读 · 0 评论 -
HTML5基础学习(1)
一、什么是HTML5? HTML5是HTML(超文本标记语言 HyperText Markup Language)网页标准的5.0版本。5.0版本比4.0版本多出了很多内容,它的诞生带动了很多技术领域的发展,尤其是在移动端设备上面。我们所谈论的HTML5这个词它已经产生了一些变化,它代表的已经不再是简单的HTML网页设计标准,而是围绕着HTML这个东西以及它周边一系列网页相关技术的总称。这其中既包含了HTML+css的网页制作,也包含了javascript这门编程语言的相关开发。二、网页为啥叫..原创 2020-09-14 16:24:40 · 412 阅读 · 0 评论