Celery,异步任务调度的专家!
HTML基础
标签和属性
HTML使用标签来定义网页的内容。每个标签由开始标签、内容和结束标签组成。例如:
<p>这是一个段落。</p> 常用标签
<h1>到<h6>:用于标题,<h1>是最高级别。<p>:用于段落。<a>:用于链接,属性包括href(目标URL)和title(工具提示)。<a href="https://www.example.com" title="示例网站">访问示例网站</a><img>:用于图像,属性包括src(图像路径)、alt(替代文本)和width/height(尺寸)。<img src="example.jpg" alt="示例图片" width="200" height="150"><ul>和<ol>:用于无序列表和有序列表,分别包含<li>项。<ul> <li>列表项1</li> <li>列表项2</li> </ul><table>、<tr>、<th>和<td>:用于表格,分别代表表格、行、表头和单元格。<table> <tr> <th>表头1</th> <th>表头2</th> </tr> <tr> <td>数据1</td> <td>数据2</td> </tr> </table>
样式
内联样式
使用style属性直接在标签内设置样式:
<p style="color: blue; font-size: 16px;">这是一个带有样式的段落。</p> 外部样式表
通过链接外部CSS文件来应用样式:
<head> <link rel="stylesheet" href="styles.css"> </head> 内部样式表
在<style>标签内定义样式:
<head> <style> p { color: blue; font-size: 16px; } </style> </head> 布局
使用块级元素
块级元素会占据其父容器的整个宽度,并在前后换行。
<div>这是一个块级元素。</div> <p>这是另一个块级元素。</p> 使用内联元素
内联元素不会占据整行,只占据其内容所需的空间。
<span>这是一个内联元素。</span><span>这是另一个内联元素。</span> 表单
表单用于收集用户输入。以下是一个简单的表单示例:
<form action="/submit" method="post"> <label for="name">姓名:</label> <input type="text" id="name" name="name"><br><br> <label for="email">电子邮件:</label> <input type="email" id="email" name="email"><br><br> <input type="submit" value="提交"> </form> 响应式设计
响应式设计确保网页在不同设备上都能良好显示。使用CSS媒体查询实现:
@media (max-width: 600px) { body { font-size: 14px; } } 通过以上内容,你可以创建一个基本的HTML页面。更多高级功能和细节可以参考官方文档。