美文网首页
第一个网页制作

第一个网页制作

作者: Cyj___ | 来源:发表于2018-07-04 20:12 被阅读0次

H5的文档表明，要写在网页的最上边

   <!DOCTYPE html>

然后写

            <html>
                  <head>#在其中写网页标题
                           <title>标题名字</title>
                  </head>
                   <body>#在这里边写网页内容
                               <h1>#这里只能有一个h1</h1>
                   </body>
            </html>

例如


image.png
  • 段落标签用
          <p></p>
  • 相当于分割线用
           <hr></hr>
  • 行转换用
            <br></br>
  • 标签也可以叫做元素
  • 它负责网页的三个要素中的结构。
  • HTML使用标签的形式来标识网页中的不同组成部分。
  • 所谓超文本指的是超链接，使用超链接可以让我们从一个页面跳转到另一个页面
  • 超链接 target"_blank"
  • 图片标签
image.png
  • meta标签
image.png
  • xteml语法规范
image.png
  • 超链接标签
image.png

关于凤求凰网页

image.png image.png
源代码
         <!DOCTYPE html>
         <html>
                <head>
                  <meta charset="utf-8">
                  <title>凤求凰</title>
                </head>
         <body>
                <center><a name="top"><a href="#bottom">去底部</a></a> | <a href="#x">去指定位置</a></center>
    <center><h1>凤求凰</h1></center>
                </ hr>
                <center><a href="https://baike.baidu.com/item/凤求凰/63800?fr=aladdin"target="_blank">司马相如</a></center>
                <center>有一美人兮，见之不忘。</center>
                <center>一日不见兮，思之如狂。</center>
                <center>凤飞翱翔兮，四海求凰。</center>
                <center>无奈佳人兮，不在东墙。</center>
                <center><img src="凤求凰.jpg"></center>
                <center>将琴代语兮，聊写衷肠。</center>
                <center>何日见许兮，慰我彷徨。</center>
                <center>愿言配德兮，携手相将。</center>
                <center>不得於飞兮，使我沦亡。</center>
                <center><img src="凤求凰2.jpg"></center>
                <center>凤兮凤兮归故乡，遨游四海求其凰。</center>
                <center>时未遇兮无所将，何悟今兮升斯堂！</center>
                <center>有艳淑女在闺房，室迩人遐毒我肠。</center>
                <center>何缘交颈为鸳鸯，胡颉颃兮共翱翔！</center>
                <center>凰兮凰兮从我栖，得托孳尾永为妃。<center>
                <center>交情通意心和谐，中夜相从知者谁？</center>
                <center>双翼俱起翻高飞，无感我思使余悲。</center>
                </hr>
                <center>友情链接 | <a href="https://www.jianshu.com/u/50b3398fc647"target="_blank">我的简书</a>
                <center><a name="bottom"><a href="#top">回到顶部</a></a> | <a href="http://www.baidu.com" target="_blank">联系我们</a></center>
          </body>
          </html>

相关文章