HTML中常用的块级元素包括:
- <div>:定义文档中的一个分隔区块,通常作为CSS布局的容器。
- <p>:定义一个段落,会自动换行并添加段落间距。
- <ul> 和 <ol>:定义无序列表和有序列表,每个列表项都是一个块级元素。
- <li>:定义列表项,必须包含在 <ul> 或 <ol> 中。
- <h1>~<h6>:定义标题,其中 <h1> 是最高级别的标题。
- <header>、<footer>、<nav>、<aside>、<article>、<section> 等语义化标签:用于定义页面的结构和内容。
除此之外,HTML还有一些语义化标签,如 <blockquote>、<address> 等,它们也属于块级元素。需要注意的是,通过在CSS中设置 display: inline-block;,可以将某些块级元素转换为行内块元素,从而实现更灵活的布局效果。
常用的行内元素包括:
- <span>:定义文本的一小部分,通常用于设置文本样式(如颜色、字体等)或用作包裹其他标记。
- <a>:定义超链接,可以包含其他行内元素或块级元素。
- <strong> 和 <em>:分别用于表示强调和斜体文本。
- <img>:定义图像,是一个空标签,没有结束标记。
- <input>:定义用户输入的表单控件,包含多种类型(如文本框、单选框、复选框等),通常通过CSS进行样式定制。
除此之外,还有一些内联块元素,如 <button>、<select>、<textarea> 等,它们可以与其他行内元素放在同一行,并且具有自己的宽度和高度。需要注意的是,通过在CSS中设置 display: block;,可以将某些行内元素转换为块级元素,从而实现更灵活的布局效果。