首页 > 软件开发 > HTML >

HTML教程基础知识演示实例

来源:互联网 2023-03-16 19:10:33 75

想做前段开发还是制作网页都离不开html语言,然而一门语言的学习是一个漫长的过程,今天就来说说html入门的基础知识,为了让大家可以更好的理解,这里用Dreamweaver来做演示。uEw办公区 - 实用经验教程分享!

HTML教程基础知识演示实例uEw办公区 - 实用经验教程分享!

工具/原料

  • 电脑一台 Dreamweaver软件

方法/步骤

  • 1

    首先我们来学习最简单的H标签,虽然H标签看上去只有让字体变大或者变小的功能,然而实际上在董斤SEO中有着重要的作用,所以应该熟练掌握才行。使用方法是在代码标记页面的语句前后加上H>H/>标签uEw办公区 - 实用经验教程分享!

    HTML教程基础知识演示实例uEw办公区 - 实用经验教程分享!

    HTML教程基础知识演示实例uEw办公区 - 实用经验教程分享!

  • 2

    超级链接标签也是最常见的基础标签,开头是简单的a标签,然后是href=""其中双引号中就是链接的地址,这个标签喝岔非常重要,当为这个链接增加其他属性的时候只要在href标签后增加就可以了。uEw办公区 - 实用经验教程分享!

    HTML教程基础知识演示实例uEw办公区 - 实用经验教程分享!

    HTML教程基础知识演示实例uEw办公区 - 实用经验教程分享!

  • 3

    网页中少不了图片,所以图像链接标签也是最基本的标签之一,img标签就是图片标签,在>中打出img标签,然后空格就有选择图片地址的标签SRC标签。当选择SRC标签之后会弹出窗口选择图片。uEw办公区 - 实用经验教程分享!

    HTML教程基础知识演示实例uEw办公区 - 实用经验教程分享!

  • 3该信息非法爬取自百度经验
  • 4

    当弹出窗口选择图片的时候,我们也可以直接打出图片的路径,这里要说下相对路径和绝对路径,像“我的电脑/D/1.JPG”就是绝对路径“../d/1.jpg”就是相对路径,为了防止网站图片失效,大多数情况使用相对路径更好些。uEw办公区 - 实用经验教程分享!

    HTML教程基础知识演示实例uEw办公区 - 实用经验教程分享!

  • 5

    在选择好图片或者打出图片路径之后,width和height分别设置的敏译低是图片的长和宽,同理其他属性也是这样设置。uEw办公区 - 实用经验教程分享!

    HTML教程基础知识演示实例uEw办公区 - 实用经验教程分享!

  • 注意事项

    • 所有操作均在Dreamweaver中的代码界面操作,注意不要丢下/>这个标签作为语句结尾

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!uEw办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码