虹姐-教育从心开始-优快云博客

原创 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 636

原创 5-表格标签的应用

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

2020-11-17 14:05:23 252

原创 4-列表标签的应用

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

2020-11-16 13:55:32 285

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

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

2020-11-12 08:15:25 505 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 445 2

原创 1-前端小白必知！

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

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

weixin_43827819的博客