渚漪Day06——web前端入门【HTML补充】【JavaScript01】
HTML
idea编写HTML
之前我用的都是sublime编写HTML文件，下载idea之后决定改用idea编写HTML文件。在此之前HTML和css都有所学习。
现在在普及一些自己没学过的东西。
- 右上角图标可用于用浏览器打开所写文件
- ctrl + / 注释快捷键
- meta标签一般用来做SEO（搜索引擎优化）
- table 自动生成
- iframe 内联框架 src 引用页面地址 name框架标识名
input
为了让markwork不显示出效果 每个'<'变成'《 '
文本域
《textarea name="textarea" cols="50" rows="10">《/textarea>
上传
《input type="file" name="files">
《input type="button" name="上传" name="upload">
邮件验证《input type="email" name="email">
url验证《input type="url" name="url">
数字验证《input type="number" name="num" max="100" min="0" step="10">
滑块《input type="range" name="voice" max="100" min="0" step="2">
搜索《input type="search" name="search">
表单
- readonly 只读
- hidden 隐藏
- disabled 禁用
- lable 增强鼠标可用性
初级认证
- placeholder 提示消息
- required 不能为空
- pattern 正则表达式
JavaScript
1、概述
JavaScript是一门世界上最流行的脚本语言
一个合格的后端人员必须要精通JavaScript
ECMAScript可以理解为是Java的一个标准
最新版本已经到es6版本
大部分 还只停留在es5版本
2、快速入门
引入JavaScript
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="keywords" content="渚漪">
<title>Title</title>
<!--script标签内，写JavaScript代码-->
<script>
alert('hello,world');
</script>
<!--外部引入-->
<scrpit src="js/qj.js"></scrpit>
<!--默认就是type="text/javascript"-->
<script type="text/javascript"></script>
</head>
<body>
<!--这里也可以-->
</body>
</html>
