HTML 学习笔记1

初探HTML

学校开始教JSP,但是 Web 基础省略不教,打算用两周的时间把 HTML 和 CSS 自学一下,想着不如同时记录和分享一些笔记和心得供以后复习和参考。

1-1 基本语法

  1. 标签由英文尖括号<>括起来,如<html>就是一个标签。

  2. html中的标签一般都是成对出现的,分开始标签结束标签。结束标签比开始标签多了一个/

  3. 标签与标签之间是可以嵌套的,但先后顺序必须保持一致,如:<div>里嵌套<p>,那么</p>必须放在</div>的前面。

  4. html 标签不区分大小写,<h1><H1>是一样的,但建议小写,因为大部分程序员都以小写为准。

1-2 html的文档结构

html文档结构为下图:

img

  1. <!DOCTYPE html> 是文档类型声明,表示该文件为 HTML5文件。<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前

  2. <html></html>标签对:标签位于HTML文档的最前面,用来标识HTML文档的开始;标签位于HTML文档的最后面,用来标识HTML 文档的结束;这两个标签对成对存在,中间的部分是文档的头部和主题。

  3. <head></head>标签对:标签包含有关HTML文档的信息,可以包含一些辅助性标签。如<title></title>,<link /><meta />,<style></style>,<script></script>等,但是浏览器除了会在标题栏显示<title>元素的内容外,不会向用户显示head元素内的其他任何内容。

  4. <body></body>标签对:它是HTML文档的主体部分,在此标签中可以包含<p><h1><br>等众多标签,<body>标签出现在</head>标签之后,且必须在闭标签</html>之前闭合。

head标签

head 部分可以含有这些标签:

  1. head标签表示头部标签,通常用来嵌套metatitlestyle等标签。
  2. <title>标签:在标签之间的文字内容是网页的标题信息,它会出现在浏览器的标题栏中,每个网页都应该有一个独一无二的 title。
  3. <meta charset="UTF-8">设置当前文件字符编码。
  4. style标签:双标签中设置当前文件样式。
注释语法:

<!–注释文字 -->

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值