Skip to content

HTML

网站的构成

  • 网站的结构(HTML)
  • 网站的表现(CSS)
  • 网站的行为(JavaScript)

HTML5 的基本结构

html
<!DOCTYPE html>
<!--声明文档类型-->
<html>
  <!--根标签-->
  <head>
    <!--描述区-->
    <meta charset="utf-8" />
    <!--编码格式 gb2312  gbk-->
    <title><!--网页的标题(显示在状态栏上面)--></title>
  </head>
  <body>
    <!--内容区(所有再网页中能看到的内容  都放在body里面)-->
  </body>
</html>

基本标签

标签名说明
h1-h6标题标签 h1 最大 h6 最小 注:h1 是唯一的,一般用于放网页的 logo
div块级元素,独占一行,用于划分网页布局
p块级元素,用于放文本的标签,
i用于倾斜文本
em也是文本的倾斜,如果你只想使用斜体字来显示文本的话,请使用 i 标签
b加粗文本
strong也是文本的加粗
span文本标签,一般用于放小段落文本
img图片标签。 注:img 是单标签
a超链接,用于网页的跳转 注:a 也是单标签
form表单标签,用于表单的提交
table表格标签

标签属性

html
<img scr="图片地址" alt="这里写图片加载失败时显示的文字" />

<a href="跳转地址" target="_blank">超链接</a>
<!--target属性为_blank则在新窗口打开-->

路径

  • ./ 当前路径
  • ../返回上一级
  • images/ 进入某个文件

🎉有任何问题,欢迎联系我

WeChat QR Code
WeChat
QQ QR Code
QQ

赣ICP备2023003243号