♏ 前端
关注
分享
扫一扫
文章平均质量分 78
1024
江奈河
Per aspera ad astra
展开
-
【HTML5】网页的基本标签
网页的基本标签标题标签段落标签换行标签水平线标签原创 2020-03-09 15:52:43 · 419 阅读 · 0 评论 -
【HTML5】超链接标签
超链接标签空链接锚链接页面链接属性说明值href链接地址的路径xxx.html（网页）http://www.xxx.com（网站）mailto:（邮件地址）#（空链接）target在何处打开链接_self（在自身窗口打开链接）_blank（在新窗口打开链接） 语法 ：<a href="链接地址" tar...原创 2020-03-10 17:39:21 · 555 阅读 · 0 评论 -
【HTML5】图像标签
图像标签 语法 ：<img src="图像地址" alt="图像的替代文字" title="鼠标悬停提示文字" width="图片宽度" height="图片高度" /> HTML Code ：<!doctype html><html><head> <meta charset="utf...原创 2020-03-09 17:40:41 · 241 阅读 · 0 评论 -
【HTML5】视频标签和音频标签
视频标签和音频标签视频标签音频标签视频标签 语法 ：<video src="视频路径" controls></video> //提供播放、暂停和音量的控件<video src="视频路径" autoplay></video> //自动播放<video src="视频路径" loop></vid...原创 2020-03-10 18:24:55 · 1052 阅读 · 0 评论 -
【HTML5】列表
列表无序列表有序列表定义列表 ※遵循W3C标准，<ul>、<ol>、<dl>标签里面只能嵌套<li>标签，不能嵌套其它标签。 <li>标签里面可以嵌套任意标签。无序列表 HTML Code ：<!doctype html><...原创 2020-03-12 18:50:43 · 574 阅读 · 0 评论 -
【HTML5】表格
表格表格的基本结构表格的基本语法单元格的合并跨行合并跨列合并表格的基本结构 1.单元格 表格的最小单位，一个或多个单元格纵横排列组成了表格。 &nbs...原创 2020-03-13 18:01:48 · 198 阅读 · 0 评论 -
【HTML5】表单
表单表单属性表单元素单行文本框多行文本框密码框单选框复选框列表框按钮文件域邮箱网址数字滑块搜索框表单属性属性说明action指示服务器上处理表单输出的程序。一般来说，当用户单击表单上的“提交”按钮后，信息发送到Web服务器上，由action属性指定的程序处理。语法为action=“URL”。如果action属性的值为空，则默认将表单...原创 2020-03-14 19:52:55 · 333 阅读 · 0 评论 -
【HTML5】使用结构标签进行网页布局
使用结构标签进行网页布局标签名说明<header></header>标记头部区域的内容<footer></footer>标记脚部区域的内容<section></section>Web页面中的一块独立区域<article></article>独立的文章内容...原创 2020-03-10 18:44:37 · 2053 阅读 · 0 评论 -
【JS】三元表达式
三元表达式 三元表达式可以理解为简化版的if - else语句。 语法 ：条件表达式 ? 表达式1 : 表达式2如果条件表达式结果为true，则返回表达式1的值；如果条件表达式结果为false，则返回表达式2的值。 示例 ：var num = prompt("请输入数字");var result = num ==...原创 2020-03-17 21:48:22 · 479 阅读 · 0 评论 -
【JS】运算符的优先级
运算符的优先级优先级运算符顺序1小括号()2一元运算符++ - - !3算术运算符先* / % 后+ -4关系运算符> >= < ...原创 2020-03-16 16:22:22 · 222 阅读 · 0 评论 -
【JS】逻辑中断
逻辑中断逻辑与的逻辑中断逻辑或的逻辑中断原则：“缺啥返回啥”原则 逻辑中断（短路运算）的原理：当有多个表达式（值）时，左边表达式的值可以确定时，就不再继续运算右边表达式的值。 ※0、" " （空字符串）、' '（空字符串）、null（空值）、undefined（未定义）、NaN（非数值）都表示为false，除这些之外的为true。&nbs...原创 2020-03-16 15:25:20 · 3874 阅读 · 2 评论 -
【JS】递增、递减运算符练习
递增、递减运算符练习原则：每行的值需要及时更新 第一题：<script type="text/javascript"> var a = 10; ++a; var b = ++a +2; document.write(b); </script> Result：14 ※分析过程：var a...原创 2020-03-15 18:48:27 · 897 阅读 · 0 评论 -
【CSS3】在HTML中引入CSS样式
在HTML中引入CSS样式行内样式内部样式表外部样式表样式优先级行内样式 HTML Code ：<h1 style="color:tomato;">微微一笑很倾城</h1><p style="font-size:32px; color:tomato;">微微一笑很倾城</p> 这种方...原创 2020-03-11 16:11:36 · 397 阅读 · 0 评论 -
【CSS3】设置文本样式
文本样式文本颜色水平对齐方式垂直对齐方式首行缩进行高文本装饰文本阴影属性说明示例color设置文本颜色color：#00C;text-align设置文本水平对齐方式text-align: right;vertical-align设置文本垂直对齐方式vertical-align: middle;text-indent设置文本首...原创 2020-03-02 00:43:10 · 401 阅读 · 0 评论 -
【CSS3】设置超链接样式
超链接样式伪类名称说明示例a:link单击访问前的超链接样式a:link{ color: orange; }a:visited单击访问后的超链接样式a:visited{ color: pink; }a:hover鼠标悬停其上的超链接样式a:hover{ color: yellowgreen; }a:active单击未释放的超链接样式a:ac...原创 2020-03-02 17:34:25 · 1386 阅读 · 0 评论 -
【CSS3】设置列表样式
列表样式列表项标记类型属性说明示例list-style在一个声明中设置所有列表属性list-style: none; ※列表属性设置顺序 ：{ list-style-type: 值; } ↓{ list-style-position: 值; } ↓{ list-style-image: 值; } 在实...原创 2020-03-03 21:17:25 · 394 阅读 · 0 评论 -
【CSS3】设置背景样式
背景样式背景颜色背景图像背景重复方式背景定位背景尺寸属性说明示例background在一个声明中设置所有背景属性background: tomato url(图片地址) 32px 7px no-repeat;background-color设置背景颜色background-color: tomato;background-ima...原创 2020-03-08 14:52:10 · 386 阅读 · 0 评论 -
【CSS3】设置渐变效果
渐变效果线性渐变径向渐变线性渐变值说明to top从下到上渐变to bottom从上到下渐变to left从右到左渐变to right从左到右渐变to top left从右下方到左上方渐变to top right从左下方到右上方渐变to bottom left从右上方到左下方渐变to bottom right...原创 2020-03-05 22:58:47 · 139 阅读 · 0 评论 -
【CSS3】基本选择器
基本选择器标签选择器类选择器id选择器选择器优先级选择器命名规范标签选择器 语法 ：标签名{ 属性: 值; } CSS Code ：p{ color: tomato; }类选择器 语法 ：.类名{ 属性: 值; } CSS Code ：.first{ color: ...原创 2020-03-11 17:30:22 · 200 阅读 · 0 评论