html基础笔记

课程大纲：

  1. HTML基础
  2. 列表，表格，框架
  3. 表单
  4. 初始CSS
  5. CSS美化页面元素
  6. 制作完成项目

 

<strong><strong/>

<em><em/>

<hr/>

<br/>

&nbsp

 

 

此时将a01格子跨列成两格

 

 

此时将b01格子跨列成两格

 

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

<p><a href="#top">返回顶部</a></p>

<!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>