菜鸟教程---HTML5 标准(https://www.runoob.com/html/html-tutorial.html)
编译工具---1:菜鸟教程HTML/CSS/JS在线工具(HTML/CSS/JS 在线工具 | 菜鸟工具)
2:vscode(Visual Studio Code - Code Editing. Redefined)
---------------------------------------------------------------------------------------------------------------------------------
1:第一个小例程
<!DOCTYPE html>
<!-- 声明为HTML5文档 -->
<html>
<!-- <html>元素是HTML页面的根元素,HTML标签是由尖括号包围的关键词,标签通常是成对出现的 -->
<head>
<!-- <head>元素包含了文档的元(mate)数据 -->
<meta charset="utf-8">
<!-- mate定义网页编码格式为utf-8 -->
<title>
<!-- <title>元素描述了文档的标题 -->
第一个笔记
</title>
</head>
<body>
<!-- <body>元素包含了可见的页面内容 -->
<h1>
<!-- <h1>元素定义一个大标题 -->
第一个标题
</h1>
<p>
<!-- <p>元素定义一个段落 -->
第一个段落
</p>
<a href="https://www.baidu.com">
这是一个百度链接
</a>
</body>
</html>
2:其他知识点
a:<head>标签内内容为头部元素,定义了页面编码格式,标题等
b:<body>标签内内容才会在浏览器中显示,是在打开网页上能直观的看到的内容
c:<!DOCTYPE>声明是你用来告知浏览器页面使用的是哪种HTML版本,浏览器就能正确显示页面内容,此声明不区分大小写
d:在大部分浏览器中,需要显示中文内容的时候,都要在头部将字符声明为UTF-8或者GBK,不声明显示可能会出现乱码
e:HTML标题是通过<h1>----<h6>标签来定义的,<h1>字体最大
f:<a>标签定义HTML链接,在href属性内指定链接地址。
g:大多数的HTML标签都拥有属性
h:大多数HTML元素可以嵌套
i:不要忘记结束标签,切记所有标签都需要闭合。
j:没有内容的HTML元素被称为空元素。空元素是在开始标签中关闭的。
<br> 就是没有关闭标签的空元素(<br> 标签定义换行)。
在 XHTML、XML 以及未来版本的 HTML 中,所有元素都必须被关闭。
在开始标签中添加斜杠,比如 <br />,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。
---------------------------------------------------------------------------------------------------------------------------------
ps:新学到了在Ubuntu系统下截图,可以按住shift+fn+print键,然后鼠标会变为一个十字图标,这时就可以按住鼠标左键自由截取画面啦~截取完图像会存在/home/Pictures文件夹下。
刚刚开学学习,小白一个,各位大神们有什么意见或者学习建议,都可以在评论区或者私信探讨哦~
下次笔记将从HTML属性开始学习(HTML 属性 | 菜鸟教程)。