html基础2

day1.1………………………………………..

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf8">
    <title> 基础标签</title>
</head>
<body>

标题

    <h1>我是h1</h1>
    <h2>我是h2</h2>
    <h3>我是h3</h3>
    <h4>我是h4</h4>
    <h5>我是h5</h5>
    <h6>我是h6</h6>

<h1>我是h1</h1>
<h2>我是h2</h2>
<h3>我是h3</h3>
<h4>我是h4</h4>
<h5>我是h5</h5>
<h6>我是h6</h6>

ol有序列表 li列表项

    <ol>
        <li>列表项</li>
        <li>列表项</li>
    </ol>

<ol>
<li>列表项</li>
<li>列表项</li>
</ol>

ul 无序列表

    <ul>
        <li>列表项</li>
        <li>列表项</li>
        <li>列表项</li>
    </ul>

<ul>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
</ul>

<p>我是一个段落。。。。。。。。。。。。。。。。。。。。。。。。。。。。</p>
<div>我是div</div>
<!-- div没有实际意义 主要配合css布局使用 快标签-->
<span>我是span</span>
<!-- span和div一样 没有实际意义 主要配合css布局使用 行标签-->
<br>
<!-- br相当于回车 换行  -->
<!-- 单标签<br><hr> -->
<!-- 双标签 -->
<!-- 区分 中间不需要插入内容 -->
<table border="6"cellspacing="6"cellpadding="0">
    <!-- table是表格 border是表格属性表格的边框大小 cellspacing是单元格和边框之间的距离 cellpadding 是定义文字到单元格的距离-->
    <tr>
        <!-- tr代表一行 -->
        <th>我是th</th>
        <!-- th表头 -->
        <!-- td单元格 -->
        <td>我是td</td>
        <td>我是td</td>
        <td>我是td</td>
    </tr>
    <tr>
        <th>我是th</th>
        <td>我是td</td>
        <td>我是td</td>
        <td>我是td</td>
    </tr>
    <tr>
        <th>我是th</th>
        <td>我是td</td>
        <td>我是td</td>
        <td>我是td</td>
    </tr>
    </table>
    <!-- herf 指链接目标 -->
    <!-- 绝对路径 -->
    <a href="https:www.baidu.com">点击跳转</a>
        <!-- 相对路径 -->
        <a href=" 文件名.html">点击跳转</a>
        <a href="文件夹名/文件名.html">点击</a>
        <!-- 下一级 -->
        <a href="../文件夹名/文件名.html">点击</a>
        <!-- 上一级 在下一级 -->
        <!-- 物理路径 以file开头 -->
        <!-- 未访问的蓝色下划线 -->
        <!-- 以访问的紫色下划线 -->
        <!-- 图片 -->
        <!-- alt替换文本 图片不能正常显示的时候显示替换文本 -->
        <img src="图片名.png" alt="替换文本">
        <!-- url(统一资源占位符) -->
        <img src="https://www.google.com.sg/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png"alt="">
        <!-- hr 横线 -->
        <hr>

</body>
</html>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,863评论 1 92
  • 样式有几种引入方式? link和 @import有什么区别?主要的是以下三种: 浏览器缺省设置:浏览器的默认设置。...
    佩佩216阅读 220评论 0 0
  • 入门 若想学 HTML, 应从哪里入门? 想成为前端工程师,那么在大学期间应该如何规划 如何自学计算机前端开发? ...
    Aiot阅读 2,046评论 5 64
  • 那段孤独的日子 许多人都害怕孤独,害怕一个人,觉得无助又忧伤;而我在一段日子里,却偏爱着孤独。 爷爷去世的...
    风华南兮阅读 509评论 2 3
  • 零叮阅读 153评论 0 0