HTML 元素语法
参考资料
HTML 元素语法：
基本结构：
开始标签：
<tagname>内容：元素内容
结束标签：
</tagname>示例：
<p>This is a paragraph.</p>空元素：
自闭合标签：
<tagname />或<tagname>示例：
<br>,<img src="image.jpg">属性：
语法：
<tagname attribute="value">示例：
<a href="https://example.com">Link</a>嵌套规则：
元素可以包含其他元素
必须正确嵌套：
<p><strong>Text</strong></p>
常用HTML标签：
结构标签：
<html>: 文档根元素<head>: 文档头部<body>: 文档主体文本标签：
<h1>-<h6>: 标题<p>: 段落<span>: 行内容器链接和媒体：
<a>: 超链接<img>: 图像<video>: 视频列表：
<ul>: 无序列表<ol>: 有序列表<li>: 列表项表单元素：
<form>: 表单容器<input>: 输入控件<button>: 按钮
CSS扩展：
样式属性：
style属性：<p style="color:red;">多个属性用分号分隔
类选择器：
class属性：<div class="container">CSS 中对应：
.container { }ID 选择器：
id属性：<div id="header">CSS 中对应：
#header { }伪类：
动态状态：
a:hover { }结构伪类：
li:nth-child(2) { }盒模型属性：
width,heightpadding,marginborder布局属性：
display: block, inline, flex, gridposition: static, relative, absolutefloat: left, right响应式设计：
媒体查询：
@media (max-width: 600px) { }视口单位：vw, vh
动画和过渡：
transition: 属性变化动画@keyframes: 自定义动画
声明：本站所有文章资源内容，如无特殊说明或标注，均为采集网络资源。如若本站内容侵犯了原著者的合法权益，可联系本站删除。
