- A+
目前应用的开发都离不开前端(Web)开发,Web的应用也越来越多。我们在学习Web开发的过程,首先要学习HTML,其次在学习CSS,JavaScript,最后学习流行框架React,Vue,Angular等。
HTML全称为超文本标记语言,是一种标记语言。它包括一系列标签,通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。
Web开发工具
VS Code,Sublime,EditPlus,记事本,WebStorm等。
HTML语法
-元素以开始标签起始
-元素以结束标签终止
-开始标签与结束标签之间是元素内容
-元素具有空内容
-空元素在开始标签中进行关闭
-元素可拥有属性
HTML结构
<!DOCTYPE html> <!-- 文档标记 --> <html lang="en"> <!-- 文档头标记 --> <head> <!-- 页面元信息 --> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 文档标题 --> <title>Document</title> <!-- 连接外部样式文件 --> <link rel="stylesheet" href=""> <!-- 脚本内容或外部文件 --> <script></script> <!-- 样式内容 --> <style></style> </head> <!-- 文档内容主体 --> <body> </body> </html>
基础标签
标题:由大到小 <h1></h1>,<h2></h2>,<h3></h3>,<h4></h4>,<h5></h5>,<h6></h6>
段落:<p>段落内容</p>
链接:<a href="link">文本</a>
图像:<img src="link" />
表格:<table><tr><td>row 1,cell 1</td><td>row 1,cell 2</td></tr>row 2<tr></tr></table>
列表:无序 <ul><li></li><li></li></ul>;有序 <ol><li></li><li></li></ol>
块级元素和行内元素
块元素:div,h1-h6,form,p,pre,ol>li,ul>li,dl>dd,table>tr>td,hr
行元素:span,a,br,strong,img,i,em,input,select,textarea,del,u,sup,sub
单标签
<br />、<hr />、<img />、<input />、<param />、<meta />、<link />
注释方式
<!-- 在此处写注释 -->
<!--条件注释--> <!--[if IE 8]> .... some HTML here .... <![endif]-->
HTML图形
Canvas元素
<canvas id="myCanvas" width="100" height="50"></canvas>
HTML媒体
音频
<audio controls="controls"> <source src="song.mp3" type="audio/mp3" /> Your browser does not support this audio format. </audio>
视频
<video width="300" height="200" controls="controls"> <source src="movie.mp4" type="video/mp4" /> </video>
HTML5新增元素
header,footer,main,nav,section,aside,article,color,date,datetime,email,month,number,range,search,tel,url,time,week
文章内容如果写的存在问题欢迎留言指出,让我们共同交流,共同探讨,共同进步~~~
文章如果对你有帮助,动动你的小手点个赞,鼓励一下,给我前行的动力。