html基础介绍

概念

HTML 文件

  1. 扩展名是 .html 的文件称为网页文件或者HTML文件
  2. HTML 文件使用代码编辑进行编辑,使用浏览器查看效果

声明方式

<!Doctype html>

!DOCTYPE 是一个文档类型标记,是一种标准通用标记语言的文档类型声明,在 web 设计中用来说明你用的 XHTML 或者 HTML 是什么版本。

页面的基本结构

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>标题</title>
    </head>
    <body>
    
    </body>
</html>

标签(元素)

  • 标签分为双标签和单标签
    双标签由开始标签和结束标签组成,结束标签需要 /
    单标签,标准中也有 /
  • 标签具有语义,语义决定什么时候使用该标签
  • 标签名不区分大小写
<div>内容</div>
<img />

属性

标签的属性,由属性名和属性值组成,属性值使用单引号或双引号包裹

同名的属性不能设置多次,如果设置后面的属性不会生效
属性不区分大小写

<img  src=“” style=""/>

主体结构元素说明

标签名 语义和功能 属性 单标签还是双标签
html 根元素 双标签
head 双标签
body 主体 双标签

HEAD 中的标签

标签名 语义和功能 属性 单标签还是双标签
meta 设置页面元信息 charset: 设置字符集编码,值推荐 utf-8 单标签
title 标题栏标题 双标签

注释

1、对代码解释说明
2、暂时不想执行的代码可以注释掉

语法

// 单行注释
 <!-- 多行注释的内容-->

常见的标签

a 标签

<a>  标签用于定义超链接,作用是从一个页面链接到另一个页面。
<a> 标签最重要的属性是 href 属性,用于创建指向另外一个文档的链接(或超链接)

br标签

<br> 标签是空标签,可插入一个简单的换行符。

button标签

<button> 标签用来设置 HTML 中的按钮。
<button type="button">我是按钮</button>

form标签

<form> 标签可以向服务器传输数据,成为表单标签

<h1 – h6> 标签

<h1> - <h6> 标签用来定义 HTML 标题,表示了 HTML 网页中六个级别的标题

img 标签

<img> 标签用于展示 HTML 页面中的图像

还有很多,你可以去w3cschool 上去浏览。

相关推荐

  1. html基础介绍

    2024-04-06 22:38:03       14 阅读
  2. HTML基础

    2024-04-06 22:38:03       38 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-04-06 22:38:03       19 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-04-06 22:38:03       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-04-06 22:38:03       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-04-06 22:38:03       20 阅读

热门阅读

  1. windows渗透信息收集

    2024-04-06 22:38:03       17 阅读
  2. ES6 都有什么 Iterator 遍历器

    2024-04-06 22:38:03       15 阅读
  3. 【SecretFlow——SPU进阶】

    2024-04-06 22:38:03       14 阅读
  4. 【00150】2024 金融理论与实务试卷一

    2024-04-06 22:38:03       17 阅读
  5. Windows安装SSH超详细教程

    2024-04-06 22:38:03       19 阅读
  6. 力扣-简化路径

    2024-04-06 22:38:03       17 阅读
  7. 【数据结构】顺序表与链表

    2024-04-06 22:38:03       14 阅读
  8. C#WPF更改窗体图标和生成exe文件的图标实例

    2024-04-06 22:38:03       18 阅读
  9. 【杂记】SQLAlchemy使用方法记录

    2024-04-06 22:38:03       18 阅读
  10. 在macOS系统上安装CERN ROOT数据分析框架

    2024-04-06 22:38:03       18 阅读