HTML的基础元素

html页面最常见的就是图片+文字了,小编带大师领会一下html的根本元素吧

东西/原料

  • 计较机一台
  • hbuilder

方式/步调

  1. 1

    这里演示我已hbuilder为例子,若是是其它的IDE也是一样的,默认打开index.html

  2. 2

    <head></head>里面添加meta:供给有关页面的元信息,title:页面题目;

  3. 3

    设置字号巨细是经由过程<h1> - <h6>

  4. 4

    看一下<h1> - <h6>标签的结果图

  5. 5

    html里面,现实上我们可以直接输入文字,也会显示在页面,要区分段落的话,需要经由过程标签<p></p>来界说,<p>即为段落

  6. 6

    我们看一下分段和不分段的结果区分在哪里

  7. 7

    我们在浏览网页的时辰,经常会因为点击某一张图片会几个文字而主动跳转到另一个页面,这就是链接了,把网址放在文字或者图片上,从而实现点击文字或图片主动跳转到另一个页面

  8. 8

    看一下链接在页面上显示链接的结果

  9. 9

    快速注释失落以上内容ctrl+shift+/

  10. 10

    <img>标签,界说页面上的图片,肆意找到一张图片,可所以当地路径也可所以互联网上的图片,写一个img,在其src属性内填入图片路径(网上图片网址即路径),我这里随便找一张百度图片,是的 图片也可以加链接,href元素内可以填入想要链接的网址;width="设置宽度" height="设置高度”,px:单元像素

  11. 11

    最后看一下现实结果若何

  12. 12

    看完之后对你有帮忙吗,喜好就点个赞吧~

注重事项

  • 图片路径需要注重,统一个路径和分歧路径需要注重啦,在线图片无需忌惮直接全数路径即可
  • 发表于 2018-08-18 00:00
  • 阅读 ( 1236 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具