前端入门

作者: IT大牛辉 | 来源:发表于2018-05-31 20:38 被阅读18次

一,HTML就是标记语言

(1)HTML使用标签的的形式来标识网页中的不同组成部分
(2)所谓超文本指的是超链接,使用超链接可以让我们从一个页面跳转到另一个页面。

二,本的HTML页面

<html>
    <head>
               #title是一个标题
        <title> 服务IE功夫而 </title>
        <meta charset="utf-8"/>
    </head>
    <body>
        <img src='3.jpg' alt='在没有图片的时候,执行'
        <p>我是一个p标签</p>
        abc
                #<br>代表换行
        <br/>
        bcd
        <br/>
    </body>
</html>


三,元素

元素我们还将一个完整的标签称为元素。

#用h1~h6标记标题
<h1>这是一个标题<h1>

四,< img />标签是图片标签

#src是标记图片的路径的
<center><img src="25739.jpg" width="400px"></center>
  • 下面是我刚学web写的第一个代码
<html>
    <head>
        <title>作业练习题</title>
        <meta charset="utf-8"/>

    </head
   #背景图片
    <body background="1.jpg">
        <center><a name="background"><a href="#bottom">去底部</a></a> | <a href="#x">去指定位置</a></center>
        <center><h1>个人博客</h1></center>
        <a herf='http://www.shicimingju.com/chaxun/zuozhe/1.html'></br>
        <center><h3>将进酒·君不见黄河之水天上来</h3><font></br>
        <center><font color="red">[唐]李白</font></center></br>
        <center><img src="25739.jpg" width="400px"></center>
 
        <center><font color="red">君不见黄河之水天上来,奔流到海不复回。</font></center></br>
        <center><font color="red">君不见高堂明镜悲白发,朝如青丝暮成雪。</font></center></br>
        <center><font color="red">人生得意须尽欢,莫使金樽空对月。</font></center></br>
        <center><font color="red">天生我材必有用,千金散尽还复来。</font></center></br>
        <center><font color="red">烹羊宰牛且为乐,会须一饮三百杯。</font></center></br>
        <center><font color="red">岑夫子,丹丘生,将进酒,杯莫停。</font></center></br>
        <center><font color="red">与君歌一曲,请君为我侧耳听。</font></center></br>
        <center><font color="red">钟鼓馔玉不足贵,但愿长醉不复醒。</font></center></br>
        <center><font color="red">古来圣贤皆寂寞,惟有饮者留其名。</font></center></br>
        <center><font color="red">陈王昔时宴平乐,斗酒十千恣欢谑。</font></center></br>
        <center><font color="red">主人何为言少钱,径须沽取对君酌。</font></center></br>
        <center><font color="red">五花马,千金裘,</font></center></br>
        <center><font color="red">呼儿将出换美酒,与尔同销万古愁。</font></center></br>
        <center>友情连接 | <a href="https://www.jianshu.com/u/181b702bf345" target="_blank">我的简书</a> | <a href="https://www.jianshu.com/u/7ad7b0109d8f" target="_blank">皮哥的简书</a>|<a href="https://www.jianshu.com/u/9ae59d57a7df" target="_blank">圆的简书</a> |<a href ='https://www.jianshu.com/u/0d277af5103c' target="_blank">英雄的简书</a> </center>   
        <center><a name="bottom"><a href="#top">回到顶部</a></a> | <a href="https://www.baidu.com" target="_blank">联系我们</a></center> </body>

        <br> 
         #这是一个背景音乐
        <embed src="刀山火海.mp3" width="200" height="200" >
    </body>
</html>

运行结果

image.png

相关文章

  • 前端入门系列

    前端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/njrcsftx.html