前端入门

一,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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 公司最近人手极度空缺,领导一声令下,让我和另一个 Android 小伙去支援 Java 组开发。秉承着“一块砖”的...
    GinkWang阅读 4,145评论 0 15
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,697评论 1 92
  • 如何做前端性能优化,有的同学能够拿雅虎的性能优化军规回答得头头是道,反复强调使用工具压缩静态资源,但是自己搭建的博...
    跑者小越阅读 3,290评论 0 0
  • : 故 乡 月下飞萤渚,云起夜寂痕。 鱼书乡暮晚,雁字梦乡人。 燕语歌如故,莺啼怅望门...
    canon易阅读 2,839评论 0 0
  • 开发环境(Xcode 7.2) 一、说明 (只适用于电脑模拟器) 在做iOS开发过程中,有时候我们会遇到崩溃,并且...
    ForestSen阅读 13,758评论 17 23

友情链接更多精彩内容