HTML基本语法

前言:

html中不区分大小写,但建议用小写,因为使用组件时一般使用大写,便于区分两者

注释:

html 复制代码
<!-- 
注释的内容
-->

~注释的内容只会显示在源码当中,不会显示在网页中

~用于解释说明代码,或隐藏不希望显示在网页的内容

~VScode当中的注释的快捷键为 ctrl+/ ,要取消注释时可以再按一次 ctrl+/ 可快速取消注释

~注释内不可嵌套注释(若嵌套则会出现如下问题)

html 复制代码
    <!-- 

        <!--  -->
     -->

标签:

标签存在:

(1)成对出现<标签名>标签体<标签名> 【例: <h1>内容</h1>】

(2)自结束标签(下面两者写法一样):

1)<标签名> 【例:<br>】

2)<标签名 /> 【例:<br />】

属性:

~在开始标签(或自结束标签)中可以为元素设置属性

~属性用来描述元素,属性是一个名值对结构,即 属性名="属性值"

【例:<input type="text">】

~一个元素可以指定多个元素,多个元素之间以空格隔开

【例:<input type="text" name="username">】

~有些属性名和属性值相同,可以省略属性值

【例:<input type="radio" checked="checked"> 可以写成 <input type="radio" checked>】

相关推荐
橙子家18 分钟前
浏览器缓存之【结构化数据库与缓存】: IndexedDB、Cache storage 和 Storage buckets
前端
user205855615181323 分钟前
X6 中边悬浮置顶,规避 `mouseleave` 事件丢失问题
前端
李明卫杭州25 分钟前
CSS aspect-ratio 属性完全指南
前端
Pedantic2 小时前
SwiftUI 手势层级(Gesture Hierarchy)详解
前端
飘尘3 小时前
前端转型全栈(Java后端)的快速上手指引
前端·后端·全栈
一颗烂土豆3 小时前
Meshopt 压缩深度解析,为什么它比 Draco 更快
前端·javascript·webgl
浏览器工程师4 小时前
AI Agent 接浏览器任务,先别让它一路点到底
前端·后端
雨季mo浅忆4 小时前
VSCode自动格式化三要素
前端
爱勇宝5 小时前
深扒 Anthropic 1680 位工程师简历:应届生几乎没机会,AI 公司最缺的不是博士
前端·后端·程序员