本人在校生一枚,希望可以找到志同道合的小伙伴一起进步,不定期的更新自己的收获,如果有大神的话可以指出我的不足,我用的是VS code软件来写代码的
什么是 HTML
HTML 是个缩写,全称Hyper Text Markup Language,译为超文本标记语言。它是一种标识性的语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。
HTML的结构
- html的后缀名有两种 一种是.html,另一种是.htm (两种并无区别)
- 快捷创建基本结构的方法:方法一:可以在开头打一个“!”号,方法二:打一个html,智能提示会出现html:5 选中即可。
HTML的头部
在<hard>头部标签中你可以 插入脚本(scripts),样式文件(CSS),以及各种meta信息。可以添加在头部区域的元素有:<title>,<style>,<meta>,<link>等等
- ? <title>定义网页标题</title>
- <meta>元素:描述了一些基本的元数据,元数据不显示在页面上,但会被浏览器解析,<meta>通常用于指定网页的描述,关键词,作者。
注释快捷键:CTRL+? (注释是不被运行的,作用就是帮助程序员记东西)
<!--这是一个注释-->
HTML属性
- 通用属性:几乎所有元素都可以使用的属性,例如 id、name、style等
- 私有属性:某个一个/类元素所具备的属性
- 事件属性:为某个元素绑定事件(DOM学习)
- 自定义属性:开发者为某个元素设置的属性,一般都是在前端框架中使用
- 参考介绍https://developer.mozilla.org/zh-CN/
HTML完整结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!--头部,js和css写在这里面-->
</head>
<body>
<!--内容主体-->
</body>
</html>
可能我写的会有些不清楚,到后面有代码的时候就会清楚了