Markdown自学第二课之记笔记——HTML第一弹
Markdown自学第二课目录
- 学习目标
- 学习时间
- 学习内容
- 网页基本概念
- 标签在这里插入代码片
- 元素在这里插入代码片
- 属性
- 特别说明
学习目标
- 鉴于Markdown和HTML的强关联性，我今天自学HTML，应该可以达到事半功倍的效果
- 练习Markdown，将使用Markdown的标题、列表、文本样式、链接、目录、代码片、表格、注脚、注释、分割线、快捷键等功能。
学习时间
2024年10月28日上午
学习内容
网页基本概念
网页开发，涉及三种技术：HTML、CSS和JavaScript。HTML语言定义网页结构和内容，CSS样式表定义网页的样式，JavaScript语言定义网页与用户的互动行为。今天学习HTML，HTML的全名是超文本标在这里插入代码片记语言（HyperText Markup Language）。
标签在这里插入代码片
HTML代码由不同标签（tag）构成，标签放在一对尖括号里面，大多数成对出现，分成开始标签和结束标签，结束标签在标签名前加斜杠/
1.<title>网页标题</title> //<title>就是标签
2.<div><p>hello world</p></div> //可以嵌套使用，但是必须符合栈的要求，后进先出，顺序不能颠倒
3.<TITLE>网页标题</TITLE> //同1，大小写不敏感
4.<title>
5. 网页标题 //同1，HTML语言忽略缩进和换行
6.</title>
元素在这里插入代码片
“元素”和“标签”基本是同义词，标签是源码角度，元素是编程角度
父元素和子元素：div是p的父元素，p是div的子元素
块级元素和行内元素：独占一块区域为块级元素，顾名思义在同一行，不产生换行为行内元素
属性
属性（attribute）是标签的额外信息，使用空格与标签名和其他属性分隔
1.<img src="demo.jpg" width="500">
上面代码中，<img>标签有两个属性：src和width。
特别说明
以上内容学习自阮一峰《HTML语言教程》，朋友们如有兴趣可直接点击链接进行学习。