《网页编程》学习笔记之二

 示例1:
<HTML>
  <HEAD>
      <TITLE>HTML简介</TITLE>
  </HEAD>
  <H1>HTML简介</H1>
  <H2>HTML简介</H2>
  <H3>HTML简介</H3>
  <H4>HTML简介</H4>
  <H5>HTML简介</H5>
  <H6>HTML简介</H6>
</HTML> 

示例2:
<HTML>
  <HEAD>
    <TITLE>欢迎学习HTML</TITLE>
  </HEAD>
  <BODY BGCOLOR = Lavender>
  <H3>我的第一个HTML文档</H3>
  <P>这将是一种很有趣的体验
  <H2>使用另一个标题</H2>
  <P>另一个段落标记
  <ADDRESS>
      <P><A href="
http://www.jb-aptech.com.cn/">
单击此处访问北京阿博泰克北大青鸟信息技术有限公司的主页 </A>
  </ADDRESS>
  </BODY>
</HTML>

示例3:
<HTML>
  <HEAD>
     <TITLE>学习HTML</TITLE>
  </HEAD>
  <BODY>
     <P>blockquote 元素用于以文本块的形式设置内容格式。
     <BLOCKQUOTE>
         汉普蒂.邓普蒂坐在墙上
         汉普蒂.邓普蒂摔了一大跤
         国王所有的马
         和所有的人
         也无法再把汉普蒂.邓普蒂拼起来
     </BLOCKQUOTE>
     <P>请注意,上述内容显示为一个文本块。
    </BODY>
</HTML>

示例4:
<HTML>
  <HEAD>
     <TITLE>学习HTML</TITLE>
  </HEAD>
  <BODY>
     <PRE>
汉普蒂.邓普蒂坐在墙上
         汉普蒂.邓普蒂摔了一大跤
国王所有的马
         和所有的人
也无法再把汉普蒂.邓普蒂拼起来
        </PRE>
    </BODY>
</HTML>

示例5:
<HTML>
  <HEAD>
      <TITLE>学习HTML</TITLE>
  </HEAD>
  <BODY>
      <DIV>
         第1部分
         <P>元素用于组织元素  
         <P>DIV通常用于块级元素
      </DIV>
      <DIV align = right>
         第2部分
         <P>这是第二部分
         <BR>
         <H2>您觉得有意思吗?</H2>
      </DIV>
      <P>第二部分向右对齐。 
      <SPAN STYLE ="font-size:25">
公共格式</SPAN>应用于这一部分中的所有元素
      </BODY>
</HTML>
   
示例6:
<HTML>
  <HEAD>
    <TITLE>学习 HTML</TITLE>
  </HEAD>
  <BODY>
    <UL>
      <LI>星期一
      <LI>星期二
      <LI>星期三
      <LI>星期四
      <LI>星期五
    </UL>
  </BODY>
</HTML>

示例7:
<HTML>
  <HEAD>
    <TITLE>学习 HTML</TITLE>
  </HEAD>
  <BODY>
    <UL>
      <LI>星期一
          <UL>
              <LI>简介HTML
              <LI>创建列表
          </UL>
      <LI>星期二
          <UL>
              <LI>创建表
              <LI>插入图像
          </UL>
      <LI>星期三
      <LI>星期四
      <LI>星期五
    </UL>
  </BODY>
</HTML>

示例8:
<HTML>
   <HEAD>
      <TITLE>学习HTML</TITLE>
   </HEAD>
   <BODY>
      <OL>
         <LI>星期一
         <LI>星期二
         <LI>星期三
         <LI>星期四
         <LI>星期五
      </OL>
   </BODY>
</HTML>

示例9:
<HTML>
   <HEAD>
      <TITLE>学习 HTML</TITLE
   </HEAD>
   <BODY>
      <OL>
      <LI>星期一
          <OL>
          <LI TYPE = i>简介 HTML
          <LI TYPE = i>创建列表
          </OL>
      <LI>星期二
          <OL>
          <LI TYPE = A>创建表
          <LI TYPE = A>插入图像
          </OL>
      <LI>星期三
          <OL START = 5>
          <LI >创建表单
          <LI>使用框架
          </OL>
      <LI>星期四
      <LI>星期五
      </OL>
   </BODY>
</HTML>

示例10:
<HTML>
   <HEAD>
      <TITLE>学习 HTML</TITLE>
   </HEAD>
   <BODY>
      <UL>
        <LI>星期一
            <OL>
            <LI TYPE = i>简介 HTML
            <LI TYPE = i>创建列表
            </OL>
        <LI>星期二
            <OL>
            <LI TYPE = a>创建表
            <LI TYPE = a>插入图像
            </OL>
        <LI>星期三
        <LI>星期四
        <LI>星期五
      </UL>
   </BODY>
</HTML>

示例11:
<HTML>
   <HEAD>
      <TITLE>学习HTML</TITLE>
   </HEAD>
   <BODY>
      <DL>
         <DT>星期日
         <DD>一周的第一天
         <DT>HTML
         <DD>超文本标记语言
         <DT>互联网
         <DD>网络的网络
         <DT>TCP/IP
         <DD>传输控制协议// Internet协议
      </DL>
    </BDDY>
</HTML>

示例12:
<HTML>
   <HEAD>
      <TITLE>欢迎使用HTML</TITLE>
   </HEAD>
   <BODY>
      <H3>我的第一个HTML文档</H3>
      <HR noshade size = 5 align = center width = 50%>
      <HR size = 15 align = left width = 80%>
      <HR>
      <P>这将是一种很有趣的体验
   </BODY>
</HTML>

示例13:
<HTML>
   <HEAD>
      <TITLE>欢迎使用HTML</TITLE>
   </HEAD>
   <BODY>
      <H3><FONT SIZE = 3 COLOR = HOTPINK FACE = "隶书">我的第一个HTML文档</FONT></H3>
      <P>这<FONT COLOR = BLUE SIZE = 6>将会</FONT>是一种很有趣的体验
  </BODY>
</HTML>

示例14:
<HTML>
   <HEAD>
      <TITLE>学习HTML</TITLE>
   </HEAD>
   <BODY BGCOLOR=lavender>
      <H2><FONT COLOR = LIMEGREEN>欢迎使用HTML</FONT></H2>
      <P><FONT COLOR = RED >这是一种很有趣的体验 </FONT></P>
   </BODY>
</HTML>

示例15:
<HTML>
   <HEAD>
      <TITLE>插入图像</TITLE>
   </HEAD>
   <BODY>
      <H1><FONT SIZE=3 COLOR=FORESTGREEN>
      <B>插入图像</B></FONT></H1><HR>
      <P>
      <IMG ALIGN=BOTTOM SRC=cats.jpg>底部对齐</P>
      <P><IMG ALIGN=TOP SRC=cats.jpg>顶部对齐</P>
      <P><IMG ALIGN=MIDDLE SRC=cats.jpg>居中对齐</p>
    </BODY>
</HTML>

示例16:
<HTML>
   <HEAD>
      <TITLE>插入图像</TITLE>
   </HEAD>
   <BODY>
      <H1><FONT SIZE=3 COLOR=FORESTGREEN>
      <B>插入图像</B>
      </FONT></H1>
      </HR>
      <IMG SRC=cats.jpg ALT="可爱的猫咪">
   </BODY>
<HTML>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值