html基础笔记

最新推荐文章于 2025-04-13 10:46:06 发布

太阳下山就不等了

最新推荐文章于 2025-04-13 10:46:06 发布

阅读量265

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_37303419/article/details/81837532

本文档提供了一个关于HTML基础知识的概述，包括列表、表格、框架、表单等元素的应用，并通过实例展示了如何使用不同的列表类型和链接进行页面内容组织。

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

课程大纲：

HTML基础
列表，表格，框架
表单
初始CSS
CSS美化页面元素
制作完成项目

<hr/>

 

&nbsp

此时将a01格子跨列成两格

此时将b01格子跨列成两格

锚：<a name="top"></a>

<!DOCTYPE html>
<html>
<head lang="en">
	<meta charset="UTF-8">
	<title>这是我的第一个标题</title>
</head>
<body>

<a name="top"></a>
	这是我的第一个网页

<h1>这是标题一</h1>
<h2>这是标题二</h2>

    <hr>

    <p><strong>加粗</strong><em>斜体</em><strong><em>加粗斜体</em></strong>这是&nbsp&nbsp一个段落<br/>这是一个段落这是一个段落这是一个段落</p>
    <p>这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落</p>
    <p>
        <a href="#i2">查看第二张图片</a>
    </p>
    <h2> <a name="i1">第一张图片</a></h2>
    <img src="img/1.jpg" alt="图片的替换文字" title="图片的悬停文字1"/>
    <h2> <a name="i2">第二张图片</a></h2>
    <img src="../img2/1.jpg" alt="图片的替换文字" title="图片的悬停文字2"/>
    <h2> <a name="i3">第三张图片</a></h2>
    <img src="file:///D://实训/img2/1.jpg" alt="图片的替换文字" title="图片的悬停文字3"/>
    <h2> <a name="i4">第四张图片</a></h2>
    <img src="http://p3.so.qhmsg.com/t01ddba1ee73a096568.jpg" alt="图片的替换文字" title="图片的悬停文字4"/>

<h4>Disc 项目符号列表：</h4>
<ul type="disc">
    <li>苹果</li>
    <li>香蕉</li>
    <li>柠檬</li>
    <li>桔子</li>
</ul>

<h4>Circle 项目符号列表：</h4>
<ul type="circle">
    <li>苹果</li>
    <li>香蕉</li>
    <li>柠檬</li>
    <li>桔子</li>
</ul>

<h4>Square 项目符号列表：</h4>
<ul type="square">
    <li>苹果</li>
    <li>香蕉</li>
    <li>柠檬</li>
    <li>桔子</li>
</ul>

<h4>数字列表：</h4>
<ol>
    <li>苹果</li>
    <li>香蕉</li>
    <li>柠檬</li>
    <li>桔子</li>
</ol>

<h4>字母列表：</h4>
<ol type="A">
    <li>苹果</li>
    <li>香蕉</li>
    <li>柠檬</li>
    <li>桔子</li>
</ol>

<h4>小写字母列表：</h4>
<ol type="a">
    <li>苹果</li>
    <li>香蕉</li>
    <li>柠檬</li>
    <li>桔子</li>
</ol>

<h4>罗马字母列表：</h4>
<ol type="I">
    <li>苹果</li>
    <li>香蕉</li>
    <li>柠檬</li>
    <li>桔子</li>
</ol>

<h4>小写罗马字母列表：</h4>
<ol type="i">
    <li>苹果</li>
    <li>香蕉</li>
    <li>柠檬</li>
    <li>桔子</li>
</ol>

<p><a href="0816-基础.html">点击</a>进行跳转到本网站的页面中</p>
    <p><a href="#top">返回顶部</a></p>
</body>
</html>