Erlo

HTML学习笔记(1)

2024-10-28 23:29:56 发布   110 浏览  
页面报错/反馈
收藏 点赞

什么是 HTML?

HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言: HyperText Markup Language
HTML 不是一种编程语言,而是一种标记语言
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML 文档包含了HTML 标签及文本内容
HTML文档也叫做 web 页面

学习HTML前要做的准备
虽然说HTML甚至可以用记事本来写,但是还是推荐使用一个好的IDE

推荐一款我在用的IDE:
VS Code:https://code.visualstudio.com/
在这里就先不做VS Code的安装教程了,可以去B站搜一下,还是很全的https://www.bilibili.com/

推荐几款VS Code的插件:


Fitten Code: Faster and Better AI Assistant 一个好用的AI,可以猜测你想要写的代码加以提示
打开代码文件,输入一段代码,Fitten Code 就会为您自动补全代码
按下 Tab 键接受所有补全建议
按下 Ctrl+→ 键(mac系统为Command+→)接收单个词补全建议
用户可通过点击左上角工具栏中的Fitten Code – 开始对话或者使用快捷键Ctrl+Alt+C(mac系统为Control+Option+C)打开对话窗口进行对话:


中文插件,英语不好的同志的救星,含金量MAX
PS:输入英文叹号,再点击回车,可以直接生成一段简单的HTML模板

推荐几个学习HTML的网站:
菜鸟教程:https://www.runoob.com/
AcWing:https://www.acwing.com/about/

接下来,开始我们的HTML学习之旅

HTML 元素语法

  • HTML 元素以开始标签起始
  • HTML 元素以结束标签终止
  • 元素的内容是开始标签与结束标签之间的内容
  • 某些 HTML 元素具有空内容(empty content)
  • 空元素在开始标签中进行关闭(以开始标签的结束而结束)
  • 大多数 HTML 元素可拥有属性

  • 声明为 HTML5 文档
  • 元素是 HTML 页面的根元素
  • 元素包含了文档的元(meta)数据,如 定义网页编码格式为 utf-8。

(中文乱码:目前在大部分浏览器中,直接输出中文会出现中文乱码的情况,这时候我们就需要在头部将字符声明为 UTF-8 或 GBK。)

  • 元素描述了文档的标题
  • 元素包含了可见的页面内容
  • 元素定义一个大标题(数字可改变,h1最大,h6最小)

  • 元素定义一个段落 示例:

    段落

  • 这是一个链接使用了 href 属性.

  • HTML图像
    示例:


  • 换行


  • 水平线

  • 注释

HTML 空元素
没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。

就是没有关闭标签的空元素(
标签定义换行)。
在 XHTML、XML 以及未来版本的 HTML 中,所有元素都必须被关闭。
在开始标签中添加斜杠,比如
,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。
即使
在所有浏览器中都是有效的,但使用
其实是更长远的保障。

HTML 属性
属性是 HTML 元素提供的附加信息。
属性总是以 name="value" 的形式写在标签内,name 是属性的名称,value 是属性的值。
例如:这就是一个链接使用了 href 属性.
属性值应该始终被包括在引号内。
双引号是最常用的,不过使用单引号也没有问题。
PS:在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号
例如:name='zy "zydow" dow'
|属性|描述|
|class|为html元素定义一个或多个类名(classname)(类名从样式文件引入)|
|id|定义元素的唯一ID|
|style|规定元素的行内样式(inline style)|
|title|描述了元素的额外信息 (作为工具条使用)|

文本格式化

加粗文本


斜体文本


电脑自动输出


这是 下标 上标

登录查看全部

参与评论

评论留言

还没有评论留言,赶紧来抢楼吧~~

手机查看

返回顶部

给这篇文章打个标签吧~

棒极了 糟糕透顶 好文章 PHP JAVA JS 小程序 Python SEO MySql 确认