HTML5 基础学习笔记
Html是一种计算机语言,主要用于网页的开发中,我们学习的是html5,简称H5
后缀是:.html
java语言的代码写在 后缀是 .java 的文件中。
css 代码写在 .css文件中
JavaScript简称 js,js的代码写在 .js 的文件中
作为前端程序员,最常用的两个浏览器是火狐浏览器和谷歌浏览器。
HTML 是超文本标记语言。
标记也称为 标签。
<ul></ul>文本:就是字符、数字等
超:指的是超链接,超链接就可以实现点击后跳转到一个新的页面(和ppt里的超链接定义类似)
其实我们学习HTML技术,主要学习的就是里面的标签及标签拥有的属性。
我们在写代码的时候,要把输入法切换到英文状态。中文字符会出错。
shift键可以切换中英文。
html中的标签不区分大小写,但推荐小写。
\14. HTML中的标签分为两种:
双标签:标签是成对出现的,有开始标签和结束标签。比如:
<p>内容</p>单标签:标签是单个的,它自己既是开始又是结束。比如:
<br/>斜杠可以省略。
<br>\15. 标签是可以嵌套的,就是一个标签中可以套另一个标签。
比如:
<p><span>内容xxx</span></p>最好这么写:
<p> <span>内容</span></p>我们称 p 标签 是 span 标签的父标签,span 标签是 p 标签的子标签
可以按 tab,对代码进行缩进。
\16. 属性:
\1. 标签中可以写属性
\2. 属性就是对标签的一个描述
\3. 属性有属性名 和 属性值,属性值需要用 引号引起来,双引号、单引号都可以,
比如:
属性="属性值"\4. 属性要写在开始标签中。
<开始标签 属性="属性值" 属性="属性值">内容</结束标签>\5. 一个标签中可以写多个属性,多个属性之间用空格隔开
\6. 属性与属性之间没有顺序要求
b 标签可以将文字加粗,a标签就是超链接标签,点击后可以进行页面跳转。比如这样:
<b>hhhh</b>这样hhh就会被加粗。
A标签会设置超链接,比如:
<a href="https://ys.mihoyo.com"><img src="hhh.jpg" alt="美少女!"></a>\19. 注释:
注释就是对程序代码加以解释说明的。
对于复杂的代码写注释是一个良好的编码习惯。
注释的语法格式:
<!--这里写注释的内容-->注释的内容是不会显示在浏览器页面的。
注释是不能嵌套的。
即:注释里面不能再注释其他内容,这种操作是不可以的。
如果需要注释的内容比较多也可以这样写比较简洁:
<!--我是一个大傻逼!-->\21. 网页的文档结构:
<!-- 告诉浏览器我们使用的是 html5这个版本 -->//这一部分是注释<!doctype html>
<!-- html标签是根标签,所有的内容都要写在html标签中 --><html><!-- head标签中的内容是为了让浏览器更好的解析我们的代码,head标签中的内容不会显示在浏览器页面中 --><head><!-- 告诉浏览器使用 utf-8 这个字符集解析我们的代码 --><meta charset="utf-8"/><!-- title标签是标题标签,会显示在标签页上 --><title>我是标题</title></head>
<!-- body是主体标签,我们写的绝大多数内容都在这里面,写在body标签中的内容会显示在浏览器页面中 --><body><a href="https://www.vip.com">点我会跳转到唯品会</a></body></html>Head可以理解为c的头文件,不会在函数里直接使用原型,但是可以起到一些调整的作用qwq
\25. 在VScode中,新建一个 xxx.html文件后,按 ! + 回车,就可以生成文档的基本结构。
生成注释的快捷键是:ctrl + /
在HTML中写完代码后,ctrl + s 保存,然后 alt + b 就可以打开浏览器运行该文件。
\27. 几个快捷键:
{} 可以让大括号中的文字生成到标签的内容
* 可以一次性生成好几个一样的标签
$ 可以从1开始计数
标题元素不能随便用——不能因为想要获得较大的字体或者加粗的效果就采用标题元素,而是需要找个文本确实是标签的时候才需要。
标题标签具有的特点:文字会加大,加粗,并且会单独占据一行(不会因为你的排版而和普通文字重合一行。
Px:像素,一像素就是一个小单元格。