当前位置:网站首页 > 创业 > 正文

HTML的基础元素

0 张子豪 张子豪 2025-10-11 14:51 1

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

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

注重事项

  • 图片路径需要注重,统一个路径和分歧路径需要注重啦,在线图片无需忌惮直接全数路径即可

来源:百闻(微信/QQ号:9397569),转载请保留出处和链接!


本文链接:https://www.ibaiwen.com/web/225398.html

张子豪

张子豪

TA很懒,啥都没写...

@百闻娱乐 本站部分内容转自互联网,若有侵权等问题请及时与本站联系,我们将在第一时间删除处理。 | 粤ICP备2024343649号 | (地图