HTML学习笔记

本文详细介绍了HTML的基础知识,包括语法规范、标签的父子及并列关系、基本结构标签、文档类型声明、字符集设置、常用标签如标题、段落、图像和超链接的使用,以及表格、列表和表单的创建方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一.HTML

1.语法规范

1.1基本语法概述
  •  由尖括号包围关键词 <html>
  •  大部分成对存在 <html>  </html> 双标签
  •  特殊标签必须是单标签 <br />
1.2标签关系

包含(父子)关系:

  <head>
      <title></title>
  </head>

并列(兄弟 )关系:

  <html>
      <head></head>
      <body></body>
   </html>

2.基本结构标签

2.1第一个HTML网页

每个页面都有一个基本的结构标签(骨架标签),页面内容在基本标签上书写。

  <html>
      <head>
          <title>第一个页面</title>
      </head>
      <body>
          键盘敲烂,工资过万
      </body>
  </html>

注意:后缀名必须是.html或.htm

效果:

2.2基本结构标签总结

2.3开发工具

2.4快捷键
  • 快速复制某一行 : shift +alt+下箭头
  • 选中多个相同的词:ctrl+d
  • 添加多个光标:ctrl+alt+箭头(上/下)
  • 全局替换某个单词:ctrl+h
  • 快速跳到某一行:ctrl+g
  • 选择某个区块:shift+alt
  • 放大/缩小:ctrl+/-

3.网页开发工具

VSCode的使用:

  1. 双击打开软件
  2. 新建文件(Ctrl+N)
  3. 保存(Ctrl+S),注意要保存为.html文件
  4. Ctrl+加号键,Ctrl+减号键  可以放大缩小视图
  5. 生成页面骨架结构。   输入!(英文状态下)按下Tab键
3.1文档类型声明标签

<!DOCTYPE>:告诉浏览器HTML版本

 <!DOCTYPE html>

这句代码的意思是:当前页面采取的是HTML5版本显示网页

  1. 写到第一行(自动生成)
  2. <!DOCTYPE>不是html标签 是文档类型声明标签
3.2lang语言种类

用来定义当前文档的显示语言

  • 1.en定义语言为英语 (英文网站)
  • 2.zh-CN定义语言为中文 (中文网页)

对于文档显示 不管选择什么语言都能正常显示

3.3字符集

字符集十多个字符的集合,以便计算机能够识别和存储各种文字

  • 在<head>标签内,可以通过<meta>标签的<charset>属性来规定HTML文档应该使用哪种字符编码。
<meta charset="UTF-8">

charst常用的值:GB2312、BIG5、GBK、和UTF-8,其中UTF-8也被称为万国码,基本包含了全世界所有国家需要用到的字符。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值