HTML 常用 Tips 技巧
HTML 是一门非常重要的技术,它是网页开发的基础,也是制作网页的基本框架。下面介绍一些常用的 HTML 技巧。
1. 常用标签
HTML 标签有很多,但是常用的标签只有几个,例如:
- <html>:定义 HTML 文档;
- <head>:定义文档的头部;
- <body>:定义文档的主体;
- <p>:定义段落;
- <h1>:定义一级标题;
- <h2>:定义二级标题;
- <h3>:定义三级标题;
- <ul>:定义无序列表;
- <ol>:定义有序列表;
- <li>:定义列表项;
- <img>:定义图像;
- <a>:定义链接;
- <div>:定义文档中的块;
- <span>:定义文档中的行内元素;
- <table>:定义表格;
- <tr>:定义表格行;
- <td>:定义表格列;
- <form>:定义表单;
- <input>:定义输入框;
- <textarea>:定义多行文本框;
- <button>:定义按钮。
2. 标签属性
标签属性是标签的属性,它可以改变标签的样式、行为等,常用的标签属性有:
- id:定义元素的唯一标识;
- class:定义元素的类名;
- style:定义元素的样式;
- src:定义图像的路径;
- href:定义链接的路径;
- title:定义元素的提示文本;
- alt:定义图像的替代文本;
- width:定义元素的宽度;
- height:定义元素的高度;
- name:定义表单元素的名称;
- value:定义表单元素的值;
- type:定义表单元素的类型;
- action:定义表单提交的路径;
- method:定义表单提交的方法;
- target:定义链接打开的位置。
3. HTML 注释
HTML 注释是 HTML 中的特殊标记,它可以在 HTML 代码中添加注释,HTML 注释的语法如下:
<!-- 注释内容 -->
4. HTML 代码缩进
HTML 代码缩进是为了更好地阅读 HTML 代码,使 HTML 代码更加美观,HTML 代码缩进的原则是:
- 每个标签都独占一行;
- 每个标签的属性都独占一行;
- 每个标签的子标签都缩进一个单位;
- 每个标签的属性和子标签都缩进一个单位。
5. HTML 兼容性
HTML 兼容性是指 HTML 代码在不同浏览器中的兼容性,为了保证 HTML 代码在不同浏览器中的兼容性,需要注意以下几点: