HTML
HTML:超文本标记语言
HTML发展史:
HTML5的优势:
W3C标准:
常见IDE
HTML基本结构:
<!-- DOCTYPE:告诉浏览器,我们要使用什么规范 -->
<!DOCTYPE html>
<html lang="en">
<!--head标签代表网页头部-->
<head>
<!--meta描述性标签,他用来描述我们网站的一些信息-->
<!--meta一般用来做SEO-->
<meta charset="UTF-8">
<meta name="keywords" content="你好,欢迎开始学习HTML">
<meta name="description" content="wx,jiayou">
<!--title网页标题-->
<title>Title</title>
</head>
<!--body标签代表网页主题-->
<body>
Hello,Word!
</body>
</html>
网页基本标签
标题标签
段落标签
换行标签
水平线标签
字体样式标签
注释和特殊符号
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>基本标签</title>
</head>
<body>
<!--标题标签-->
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<!--段落标签-->
<p>两只老虎 - 贝瓦儿歌</p>
<p>两只老虎两只老虎</p>
<p>跑得快跑得快</p>
<p>一只没有耳朵</p>
<p>一只没有尾巴</p>
<p>真奇怪真奇怪</p>
<!--水平线标签-->
<hr/>
<!--换行标签-->
两只老虎 - 贝瓦儿歌<br/>
两只老虎两只老虎<br/>
跑得快跑得快<br/>
一只没有耳朵<br/>
一只没有尾巴<br/>
真奇怪真奇怪<br/>
<!--水平线标签-->
<hr/>
<!--粗体,斜体-->
<h1>字体样式</h1>
粗体:<strong>i love you</strong>
斜体:<em>i love you</em>
<!--水平线标签-->
<hr/>
<!--特殊符号-->
空 格:
空 格:
<!--水平线标签-->
<hr/>
>
<br/>
<
<br/>
©版权所有
<!--
特殊符号记忆方式
& ;
查百度
-->
</body>
</html>
图像,超链接,网页布局
图像标签
超链接标签
行内元素和块元素
列表,表格,媒体元素
列表
表格
媒体元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>媒体元素</title>
</head>
<body>
<!--视频和音频
src:资源陆经
controls:控制条
autoplay:自动播放
-->
<!--<video src="../video/V1-0011_D.mp4" controls autoplay></video>-->
<audio src="../audio/audio.mp3" controls autoplay></audio>
</body>
</html>
表单及表单应用
页面结构分析
iframe内联框架
表单语法
表单元素格式
表单的应用
-
隐藏域 hidden
-
只读 readonly
-
禁用 disabled
表单初级验证
常用方式
-
placeholder 提示信息
-
required 非空判断
-
pattern 正则表达式
-