2.html基本标签

HTML中的基本标签

什么是标签

• w3c提前制定好的一系列针对于html文档的标准
• 标签一般成对出现，有个别标签只有开始标签，称为单标签
• 标签允许嵌套
• 通常称标签为元素
• 标签属性是对标签额外属性的描述
• 属性格式一般为key=“value”
• 一个标签可以拥有多个属性,多个属性之间通过空格分隔
• 语义化标签：对应标签做对应的事，不被样式所影响

标题

一级标题标签[^

]

二级标题标签[^

]

以此类推到六级标签

    <h1>h1 一级标题</h1>
    <h2>h2 二级标题 以此类推到h6</h2>

段落

段落标签paragraph[^

]

<p>实例：1、HTML、CSS基础、JavaScript语法基础。学完基础后，可以仿照电商网站（例如京东、小米）做首页的布局。</p>
    <p> 2、JavaScript语法进阶。包括：作用域和闭包、this和对象原型等。相信我，JS语法，永远是面试中最重要的部分。</p>
    <p>3、jQuery、Ajax等。jQuery没有过时，它仍然是前端基础的一部分。 </p>
    <p>4、ES6语法。这部分属于JS新增的语法，面试必问。其中，关于 promise、async 等内容要尤其关注。 
    </p>
    <p>5、HTML5和CSS3。要熟悉其中的新特性。</p>
    <p>6、移动Web开发、Bootstrap等。要注意移动开发中的适配和兼容性问题。</p>
    <p>7、前端框架：Vue.js和React。这两个框架至少要会一个。入门时，建议先学Vue.js，上手相对容易。但无论如何，同时掌握 Vue 和 React 才是合格的前端同学。</p>

换行标签[^
]用于换行

文本格式以及字体

字体加粗[^{<strong>]或者[}]

删除线[^]

倾斜字体[^<em>]或者[]

下划线[^{<ins>]或者[}]

分块标签[^{<div>]还有[}]

图像标签[^{<img>]标签中的[}src]表示图片路径

标签[^{<a>]表示超链接,[}anchor]表示超链接的锚点，以[^{id]作为标识[}target]属性中的[^{self]表示此页面，[}blank]表示新窗口打开[^href]为‘#’时表示空页面

水平线[^

---

]

下标[^_]

上标[^^]

---

表格标签

表格标签[^

]

单元格标签[^]

行标签[^]

表头标签，字体加粗[^]

表格头部区域，不同于th[^]

表格主体区域[^]

跨行合并[^rowspan=“合并单元格个数”]

跨列合并[^colspan=“合并列个数”]

---

列表标签

无序列表[^

• ]

有序列表[^

1. ]

列表项用[^

• ]

• 标签[^{<ul>]中只能放[}

• ]标签,[^
• ]中可以放其他标签

• 自定义列表[^

  ]

  标签[^

  ]

  列表项[^

  ]

  ---

  表单标签

  表单域[^]

  可以把元素提交到服务器[^action=“url地址”;method=“提交方式”;name=“表单名称”]

  表单元素

  输入框[^]

  输入框常用属性[^type=“text”,maxlenth="“表示最大输入的长度,value=”"表示打开页面显示的文字]

  密码框属性[^type=“password” name=“password”]

  单选按钮的不同[^input]的[name]相同才可多选一[^{checked]属性，默认打开页面选中此选项单选框[}type=“radio” name=“sex” checked=“checked”]

  下拉框[^]

  下拉框选项[^]

  提交按钮[^<input type=“submit” value=“value修改按钮的内容”>]

  重置按钮[^ <input type=“reset” value=“用value修改内容”>]

  普通按钮[^<input type=“button” value=“普通按钮”>]

  文件上传[^ <input type=“file”>]

  label标签，和表单用id绑定[^ <label for=“form的id”>]

  文本域标签[^<textareacols=“列数” rows=“行数”>]

  ---

  钮">]

  文件上传[^ <input type=“file”>]

  label标签，和表单用id绑定[^ <label for=“form的id”>]

  文本域标签[^<textareacols=“列数” rows=“行数”>]

  ---