HTML 属性

• HTML 元素可以设置属性

---

• 属性总是以名称/值对的形式出现，比如：name="value"。

---

• 属性一般放在开始标签

---

• 语法：<元素名 属性名="属性值">内容</元素名>

---

通用属性

• class 属性用于指定元素的类名，通常与 CSS 一起使用，以便对元素进行样式化。
  <p class="yangshi">对元素进行样式化。</p>
  

---

• id 属性用于指定元素的唯一标识符，通常用于 JavaScript 操作或 CSS 样式化。
  <p id="biaoshi">唯一标识符。</p>
  

---

• style 属性用于为元素定义内联样式。
  <p style="color: red; font-size: 20px;">定义内联样式。</p>
  

定义内联样式。

---

• title 属性为元素添加额外的信息，通常作为工具提示显示。
  

  <p title="这是一个提示">鼠标悬停会出现提示。</p>
  

常用 HTML 标签及其属性

• <table> 标签
  border：指定表格的边框。
  cellpadding：指定单元格的内边距。
  cellspacing：指定单元格之间的间距。
  <table border="1" cellpadding="5" cellspacing="0">

---

• <div> 标签
  class：指定 div 的类名。 <div class="container"">内容 </div>
  id：指定 div 的唯一标识符。 <div id="header"">页眉 </div>
  

---

• <input> 标签
  type：指定输入字段的类型，如 text、password、submit 等。
  name：指定输入字段的名称，用于表单提交。
  placeholder：为输入字段提供提示文本。
  <input type="text" name="username" placeholder="请输入用户名">

---

• <form> 标签
  action：指定表单提交的 URL。
  method：指定表单提交的方法，通常是 get 或 post。
  <form action="/submit" method="post">

---

• <img > 标签
  src：指定图像的路径。
  alt：为图像提供替代文本，用于无障碍访问和 SEO。
  width 和 height：指定图像的宽度和高度。
  <img src="/demo/demo.jpg" alt="描述文字" width="50" height="50">

---

• <a > 标签
  href：指定链接的目标 URL。
  target：指定链接在何处打开。
  <a href="http://www.xingdongzhe.com/" target="_blank">在新标签页中打开</a>
  download：指定下载链接。
  <a href="/demo/demo.pdf" download>下载文件 </a>