HTML的基础元素

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

需要这些哦
计较机一台
hbuilder
方式/
1这里演示我已hbuilder为例子 , 若是是其它的IDE也是一样的 , 默认打开index.html

HTML的基础元素

文章插图

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

HTML的基础元素

文章插图

3设置字号大小是经由过程<h1> - <h6>

HTML的基础元素

文章插图

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

HTML的基础元素

文章插图

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

HTML的基础元素

文章插图

6【HTML的基础元素】我们看一下分段和不分段的结果区分在哪里

HTML的基础元素

文章插图

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

HTML的基础元素

文章插图

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

HTML的基础元素

文章插图

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

HTML的基础元素

文章插图

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

HTML的基础元素

文章插图

11最后看一下现实结果若何

HTML的基础元素

文章插图

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

HTML的基础元素

文章插图

推荐阅读