自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(6)
  • 收藏
  • 关注

原创 6-div与span标签的应用

一、案例:网页简单综合布局二、知识必备1、div标签:主要用于文档划分区块。2、span标签:主要用于标记要添加样式的文本。3、块级元素与行内元素区别(重点)块级元素(容器级):独占一行,不能与其他任何元素并列。能设置宽高,如果不设置宽度,宽度将默认变为父级的100%。行内元素(文本级):与其他行内元素并排,不能设置宽高,默认的宽度就是文字的宽度。块级元素如:div、 table 、 li、 dl 、dt 、dd 、 h1-h6、 p行内元素如:span、b、strong、em、i

2020-11-17 14:11:39 579

原创 5-表格标签的应用

一、案例:后台数据的展示二、知识必备1、表格的应用场合表格用来展示数据,不是用来布局。2、表格标签2.1用法:2.2标签及属性说明:table:表格caption:标题(只能有一个)tr:行th:标题单元格td:内容单元格border属性:表格边框2.3 合并单元格colspan: 跨列合并rowspan: 跨行合并三、案例实现未完待续。。。...

2020-11-17 14:05:23 200

原创 4-列表标签的应用

一、案例:二、知识必备1、何时使用列表?列表最大的特点就是整齐、整洁、有序,内部可以装载着文字或图表。遇到相同类型的内容,需要考虑用列表来实现(导航、排名、相关文章等)。2、无序列表(重点)2.1 概念:表示列表之间无顺序级别之分。2.2 用法: 2.3 注意<ul></ul>中只能嵌套<li></li><li>与</li>之间相当于一个容器,可以容纳所有元素。3、有序列表3.1 概念:表示列表之间有

2020-11-16 13:55:32 247

原创 3-图像与超链接标签的应用

一、案例:制作简单王者荣耀文化站二、知识必备1、图像标签img1.1用法:<img src="img/logo.png" alt="王者荣耀" width="200" height="200">1.2属性说明:src:图像路径,即URLalt:替换文本width:图像宽度,默认单位px,可省略height:图像高度,默认单位px>1.3 图像常用格式:1.4图像路径:2、超链接标签a2.1作用:从1个页面跳到另一个页面或在同一页面不同位置间跳转。2

2020-11-12 08:15:25 429 2

原创 2-HTML文本标签的应用

一、创建方法1、 本课程选择的编辑器为HBuilder2.9.7 标准版。2、在https://dcloud.io/官网下载。单击-文件-新建-项目,打开新建项目对话框,选择,基本HTML项目,单击创建按钮,如下图:二、HTML语法1、HTML语法:1.1 HTML标签是由尖括号包围的关键词,如1.2 HTML标签通常是成对出现的,即双标签。如1.3 有些特殊的是单标签。如:<br>1.4 HTML对大小写不敏感。2、网页基本结构3、<!DOCTYPE h

2020-11-09 14:35:29 391 2

原创 1-前端小白必知!

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar

2020-11-09 09:59:08 1357 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除