美文网首页
前端入门

前端入门

作者: 皮哥丶 | 来源:发表于2018-05-31 17:08 被阅读0次

HTML

  • HTML(Hypertext Markup Language)
    超文本标记语言。
  • 它负责网页的三个要素中的结构。
  • HTML使用标签的形式来标识网页中的不同组成部分。
  • 所谓超文本指的是超链接,使用超链接可以让我们从一个页面跳转到另一个页面。
一个最基本的HTML页面

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document标题</title>
</head>
<body>
  这里写网页里的内容
</body>
</html>

这是今天练习的代码

很少,不过内容包含的挺多

学会后自己做了一个简单的将进酒网页
代码如下

图片路径需要写自己的

<!DOCTYPE html>
<html lang="en">
<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><h3>将进酒</h3></center>
      <center><a href="https://baike.baidu.com/item/李白/1043?fr=aladdin" target="_blank">李白</a></center>
      \<br>
      <center>君不见</center>
      <center>黄河之水天上来</center>
      <center>奔流到海不复回</center>
      <center>君不见</center>
      <center>高堂明镜悲白发</center>
      <center>朝如青丝暮成雪</center>
      <center><img src="111.jpg"></center>
      <center>人生得意须尽欢</center>
      <center>莫使金樽空对月</center>
      <center>天生我材必有用</center>
      <center>千金散尽还复来</center>
    <center>烹羊宰牛且为乐</center>
      <center>会须一饮三百杯</center>
      <center>岑夫子</center>
      <center>丹丘生</center><a name="x"></a>
      <center>将进酒</center>
      <center>杯莫停</center>
      <center>与君歌一曲</center>
      <center>请君为我倾耳听</center>
      <center><img src="222.jpg"></center>
      <center>钟鼓馔玉不足贵</center>
    <center>但愿长醉不复醒</center>
      <center>古来圣贤皆寂寞</center>
      <center>惟有饮者留其名</center>
      <center>陈王昔时宴平乐</center>
      <center>斗酒十千恣欢谑</center>
      <center>主人何为言少钱</center>
      <center>径须沽取对君酌</center>
      <center>五花马</center>
      <center>千金裘</center>
      <center>呼儿将出换美酒</center>
      <center>与尔同销万古愁</center>
      \<hr>
      <center>友情连接 | <a href="https://www.jianshu.com/u/7ad7b0109d8f" target="_blank">我的简书</a> | <a href="https://www.jianshu.com/u/fbdcfd9291b4" target="_blank">张轩轩的简书</a> | <a href="https://www.jianshu.com/u/c52bc1ea65db" target="_blank">晓俊的简书</a></center>
      <center><a name="bottom"><a href="#top">回到顶部</a></a> | <a href="https://www.baidu.com" target="_blank">联系我们</a></center>
</body>
</html>
效果图

相关文章

  • 前端入门系列

    前端HTML & CSS 基础入门(1)初识 前端HTML & CSS 基础入门(2)段落及文本 前端HTML &...

  • 前端工程化

    前端入门简单,做好难。 前端工程化,势在必行。

  • animation参考

    web前端入门到实战:10分钟入门 CSS3 Animation - 前端天宇的文章 - 知乎https://zh...

  • 零基础转行自学前端,怎么学习更系统?

    凭借应用广泛、入门简单的优势,Web前端吸引了人们的广泛关注。学习Web前端就业薪资高,因此很多人都想入门前端开发...

  • protobuf基础教程

    前端protobuf入门 此文只讲述web前端与后端使用protobuf进行数据交互的基础与入门教学,更加详细的内...

  • 新手如何入门学习前端?

    Web前端入门的自学路线 新手入门前端,需要学习的基础内容有很多,如下。 一、HTML、CSS基础、JavaScr...

  • 学习web前端怎样入门?初学者赶紧看过来!

    web前端怎么样才能入门,首先我们要从什么是初级web前端工程师说起: 按照我的想法,我把前端工程师分为了入门、初...

  • web前端怎么样才能入门

    web前端怎么样才能入门,首先我们要从什么是初级web前端工程师说起: 按照我的想法,我把前端工程师分为了入门、初...

  • 前端 --- 那些事

    今天说说前端的入门吧!前端技术说好学也好学说不好学也有不好学的原因:其一因为前端不想Java有着较高的门槛,入门简...

  • 这么多年过去了,红宝书封面的小男孩终于站起来了!

    前言 相信以前很多前端的同学都是靠着看一些经典书籍来入门的(最近几年入门的前端很多都是靠线上视频来入门的),但在以...

网友评论

      本文标题:前端入门

      本文链接:https://www.haomeiwen.com/subject/kdnurftx.html