[HTTP/CSS学习日常]HTTP基础

最新推荐文章于 2024-04-06 18:57:23 发布

原创最新推荐文章于 2024-04-06 18:57:23 发布 · 313 阅读

0 ·

CC 4.0 BY-SA版权

HTTP/CSS 同时被 2 个专栏收录

2 篇文章

订阅专栏

[编程日常]HTTP/CSS

2 篇文章

订阅专栏

本文详细介绍了HTML中常用的基础标签，包括块状元素、内联元素和内联块状元素等，帮助读者理解如何使用这些标签来构建网页结构。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>在浏览器中的标题栏上显示</title>
</head>
<body>
    <h1>一级标题</h1>
    ......
    <h6>六级标题</h6>
    
    <p>段落文本</p>
    <a href="http://www.imooc.com">超链接</a>  
    
    
    <q> 短文本引用，会默认加引号 </q> 
    <blockquote> 长文本引用，会默认左右缩进 </blockquote>
    
    <code>一行代码</code>
    <pre> 多行代码</pre>
    <br />   换行
    <hr/>    横线
        空格
    
    <em>强调，默认斜体</em>  
    <strong>强烈强调，默认粗体 </strong>
    
    <address>地址信息</address>
    <div>逻辑上的一块区域</div>
    <span> 设置单独的样式 </span>
    
    <ul>列表
      <li>条1</li>
      <li>条2</li>
    </ul>
    
    <ol>顺序列表
      <li>条1</li>
      <li>条2</li>
    </ol>


    <table>
      <tbody>
        <tr>
          <th>列1表头</th>
          <th>列2表头</th>
          <th>列3表头</th>
        </tr>
        <tr>
          <td>行1列1</td>
          <td>行1列2</td>
          <td>行1列3</td>
        </tr>
      </tbody>
    </table>
</body>
常用的块状元素有：
<div> <p> <h1>...<h6> <ol> <ul> <dl> <table> <address> <blockquote> <form>
常用的内联元素有：
<a> <span> <br> <i> <em> <strong> <label> <q> <var> <cite> <code>
常用的内联块状元素有：
<img> <input> 

<!-- 
//position//

static        /标准流

relative    /相对定位     
    /top/left/right/bottom/原位置->新位置
absolute    /绝对定位 / 相对于窗口进行定位
    /top/left/right/bottom/网页对应角->新位置
fixed       /固定定位 / 相对于窗口进行定位
    /top/left/right/bottom/网页对应角->新位置            
    //父元素对 absolute/fixed 没有约束力//
inherit     /继承    / 继承父元素的定位属性

z-index // 标记层级
z-index 大的会覆盖小的
z-index 负数时将被普通流中的元素覆盖

-->

display:block    将元素转换为块状元素
display:inline   将元素转换为内联元素