HTML
虹姐-教育从心开始
热爱教育行业,从事web前端全栈培训10余年,了解职业院校学生学情,心理特点。用爱心、耐心、责任心做好教育工作。
展开
-
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 · 612 阅读 · 0 评论 -
5-表格标签的应用
一、案例:后台数据的展示二、知识必备1、表格的应用场合表格用来展示数据,不是用来布局。2、表格标签2.1用法:2.2标签及属性说明:table:表格caption:标题(只能有一个)tr:行th:标题单元格td:内容单元格border属性:表格边框2.3 合并单元格colspan: 跨列合并rowspan: 跨行合并三、案例实现未完待续。。。...原创 2020-11-17 14:05:23 · 223 阅读 · 0 评论 -
4-列表标签的应用
一、案例:二、知识必备1、何时使用列表?列表最大的特点就是整齐、整洁、有序,内部可以装载着文字或图表。遇到相同类型的内容,需要考虑用列表来实现(导航、排名、相关文章等)。2、无序列表(重点)2.1 概念:表示列表之间无顺序级别之分。2.2 用法: 2.3 注意<ul></ul>中只能嵌套<li></li><li>与</li>之间相当于一个容器,可以容纳所有元素。3、有序列表3.1 概念:表示列表之间有原创 2020-11-16 13:55:32 · 270 阅读 · 0 评论 -
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 · 489 阅读 · 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 · 426 阅读 · 2 评论 -
1-前端小白必知!
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar原创 2020-11-09 09:59:08 · 1426 阅读 · 2 评论