2024年12月2日
H5-16 CSS 的引入方式
摘要： 1、内联样式（行内样式） 要使用内联样式，你需要在相关的标签内使用样式（style）属性。Style属性可以包含任何CSS属性 温馨提示：缺乏整体性和规划性，不利于维护，维护成本高 <p style="color: red; font-size: 30px;">内联样式</p> 2、内联样式 温馨提 阅读全文
posted @ 2024-12-02 20:48 张筱菓 阅读(66) 评论(0) 推荐(0)
H5-15 H5里面的CSS
摘要： 1、CSS 简介 使用CSS的目的就是让网页具有美观一致的页面 2、CSS概念 CSS （Cascading Style Sheets）层叠样式表，又叫级联样式表，简称样式表 CSS文件后缀名为 .css CSS用于HTML文档中元素样式的定义 3、为什么需要CSS 使用css的目的就是让网页具有美 阅读全文
posted @ 2024-12-02 20:08 张筱菓 阅读(42) 评论(0) 推荐(0)
H5-14 H5新增标签
摘要： 1、扩展知识： div 容器元素，也是页面中见到的最多的元素 div实现 <div id="header"></div>头部 <div id="nav"></div>导航 <div id="article">文章 <div id="section"></div>子文章 </div> <div id= 阅读全文
posted @ 2024-12-02 12:06 张筱菓 阅读(22) 评论(0) 推荐(0)
H5-13 块元素与行内元素（内联元素）
摘要： 1、块元素与行内元素（内联元素） HTML5出现之前，经常把元素按照块级元素和内联元素来区分。在HTML5中，元素不再按照这种方式来区分，而是按照内容模式来区分，分为元数据型（metadata content )、区块型（sectioning content）、标题型（heading content 阅读全文
posted @ 2024-12-02 11:39 张筱菓 阅读(69) 评论(0) 推荐(0)
2024年11月29日
H5-12 表单元素
摘要： 1、文本框 文本域通过<input type="text">标签来设定，当用户要在表单中键入字母、数字等内容时，就会用到文本域 <form> First name :<input type="text" name="firstname"> Last name:<input type="text" n 阅读全文
posted @ 2024-11-29 20:53 张筱菓 阅读(19) 评论(0) 推荐(0)
H5-11 Form表单
摘要： 1、Form表单，让网站具有交互性 表单在Web网页中用来给用户填写信息，从而能采用户信息，使网页具有交互的功能。 所有的用户输入内容的地方都用表单来写，如登录注册、搜索框 2、表单是由容器和控件组成的，一个表单一般应该包含用户填写信息的输入框，提交按钮等，这些输入框，按钮叫做控件，表单就是容器，他 阅读全文
posted @ 2024-11-29 13:46 张筱菓 阅读(36) 评论(0) 推荐(0)
H5-10 表格单元合并
摘要： 1、单元格合并属性快速生成表格结构：table>tr*数量>td*数量{想写的信息} 水平合并：colspan 水平合并：保留左边，删除右边 垂直合并：rowspan 垂直合并：保留上边，删除下边 水平垂直都有的：先水平合并，在垂直合并，保留左上 <table border="1" width="4 阅读全文
posted @ 2024-11-29 13:13 张筱菓 阅读(102) 评论(0) 推荐(0)
H5-9 表格
摘要： 1、表格展示效果 表格在数据展示方便面非常简单，并且表现优秀 2、表格组成与特点 行、列、单元格 单元格特点：通行等高、同列等宽。 3、表格标签 表格：<table> 行：<tr> 列：<td> <table> <tr> <td>1</td> <td>1</td> <td>1</td> </tr> 阅读全文
posted @ 2024-11-29 10:44 张筱菓 阅读(27) 评论(0) 推荐(0)
H5-8列表标签 无序排列
摘要： 1、无序列表实现 无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记 无序列表始于<ul>标签。每个列表项始于<li>标签 <ul> <li>1</li> <li>2</li> <li>3</li> </ul> 2、type属性 <ul>的属性type拥有的选项 disc默认实 阅读全文
posted @ 2024-11-29 10:05 张筱菓 阅读(55) 评论(0) 推荐(0)
2024年11月27日
H5-7 列表标签 有序列表
摘要： 1、有序标签 有序列表是一列项目，列表项目使用数学进行标记。 有序列表始于<ol>标签。每个列表始于<li>标签。 <ol> <li></li> <li></li> </ol> 2、type属性： <ol>的属性type拥有的选项 1表示列表项目用数字标号（1，2，3...） a表示列表项目用小写字 阅读全文
posted @ 2024-11-27 19:33 张筱菓 阅读(41) 评论(0) 推荐(0)