html网页设计

admin   ·   发表于 13天前   ·   默认分类

<!DОCTYPE html>

步骤3:用浏览器打开“

<html>

<head>

<title>我的第一个网页</title></head>

<body>

<p>掌握HTML5文档的基本结构!</p>

<p>title元素里的内容显示在浏览器的标题栏中,title标签放 在head标签里! </p><p>body元素代表网页文档的主体内容,显示在浏览器中! </p>

<p>p标签是一一个段落! </p>

<h1>标题1</h1>

<h2 align="left"</h2>

<h3 align="center">标题3</h3>

<h4 align="center">标题4</h4>

<h5>标题5</h5>

<h6>标题6</h6>

<h1 align="center">相思(唐,王维)</h1>

<hr width="60%"/>

<p align="center">

红豆生南国,春来发几枝。<br />

愿君多采撷,此物最相思。<br />

</p>

<hr width=”60%”size=" 10px" color="red” />

<p align="center">hr和br都是空元素,要有关闭符号/</p>

d存为“egilLhtml”文件,保

</body>

</html>

2 Reply   |  Until 13天前 | 70 View

admin
发表于 13天前

<!DOCTYPE html>

<html>

<head><!--头部开始-->

<meta charset="utf-8"> <!--转换码为utf-8-->

<title>基础标签练习</title> <!--头部标题-->

<!--头部结束-->

</head>

<body><!--主题开始-->

<a name="nihaol"></a><!--描点位置>

</body>

</html>

评论列表

  • 加载数据中...

编写评论内容

admin
发表于 13天前

 <meta charset="utf-8"><!--转换码为utf-8-->
  <title>基础标签练习</title><!--头部标签-->
 </head><!--头部结束-->
 <body>
  <a name="nihao1"></a><!--瞄点设置-->
  <a href="#nihao2">转跳到底部</a><br/><!--链接到底部瞄点-->
  <b>加粗字</b><!--加粗-->
  <ul><!--ul为无序列表-->
   <li>无序列表项</li><!--在ul 内使用li 才会有圆点格式-->
   <li>无序列表项</li>
  </ul><!--无序列表结束-->
  <ol type="3"><!--数字都是默认1开始 字母同理-->
   <li>无序列表项</li>
   <li>无序列表项</li>
  </ol>
  <dl>
   <dt><b>名词项</b></dt>
   <dd>名词注释项</dd>
  </dl>
  <ul type="circle"><!--type写在圆圈内,circle 为圆圈-->
   <li>无序列表项</li>
   <li>无序列表项</li>
  </ul>
  <ul type="square"><!--square 为实心方块-->
   <li>无序列表项</li>
   <li>无序列表项</li>
  </ul>
  <a href="http://www.baidu.com/" title="百度" target="_blank">打开百度</a>
  <h1 align="center">标题一</h1><!--段落标题 指数为h1到h6 可以设置标题大小字体,以及左中右位置-->
  <h2 align="center">标题二</h2>
  <p>空段</p><p>空段</p><p>空段</p><p>空段</p><p>空段</p><p>空段</p><p>空段</p><p>空段</p><p>空段</p><p>空段</p><p>空段</p><p>空段</p><p>空段</p><p>空段</p><p>空段</p><p>空段</p>
  <p>空段</p><p>空段</p><p>空段</p><p>空段</p><p>空段</p><p>空段</p><p>空段</p><p>空段</p><p>空段</p><p>空段</p><p>空段</p><p>空段</p><p>空段</p><p>空段</p><p>空段</p><p>空段</p>
  <p>空段</p><p>空段</p><p>空段</p><p>空段</p><p>空段</p><p>空段</p><p>空段</p><p>空段</p><p>空段</p><p>空段</p><p>空段</p><p>空段</p><p>空段</p><p>空段</p><p>空段</p><p>空段</p>
  中国&copy;版权所有&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  <a href="#nihao1">回到顶部</a><!--链接到顶部描点-->
  <a name="nihao2"></a><!--描点:为顶置效果-->
 </body><!--主体结束-->
</html>

评论列表

  • 加载数据中...

编写评论内容
LoginCan Publish Content