美文网首页
常用的HTML标签

常用的HTML标签

作者: 小屋新 | 来源:发表于2016-12-05 19:52 被阅读16次

最近在学习h5,今天先整理一部分HTML常用的一些标签,刚入门,很多知识还不是很熟悉,请大家多多指教。

1、标题标签,包含<h1></h1>,<h2></h2>,<h3></h3>,<h4></h4>,<h5></h5>,<h6></h6>代码如下

标题书签代码

效果图如下:

标题书签效果图

2、段落标签,使用<p></p>,代码如下图:

段落标签代码

效果图如下:

段落标签效果图

3、输入框标签,就跟OC中的textfiled类似,使用<input>实现,具体代码如下:

输入框标签

效果图如下:

效果图

其中<br>是换行标签,input有好几种格式,需要的可以去为w3school中去查找

5、超链接标签,使用的是<a></a>,代码如下:

超链接标签

超链接标签需要在<a>里面写链接地址,而且需要在<a></a>中加入带有超链接的文本,如果不写文本,我们根本看不到我们写的超链接

6、图像标签,使用<img src="">效果图如下:

图像标签代码

这个里面写的是绝对路径,但是,还有相对路径,相对路径是在文件项目中的路径,直接写图片在工程中的路径就可以了,效果图如下;

图像标签效果图

我们还可以根据自己的需求去更改图像的大小,使用width和height就可以了,具体的后续会持续更新。

7、列表标签,代码如下:

列表标签代码

效果图如下:

列表代码图

9、容器标签,使用的是<div></div>,代码如下:

容器标签代码

效果图如下:

容器标签效果图

相关文章

  • html入门级常用标签

    html入门级常用标签 html的格式规范 html中常用的标签 html中常用标签有a、form、input、b...

  • HTML笔记-- 其他常用标签

    HTML笔记-- 其他常用标签 标签(空格分隔): HTML html中其他常用标签: b:加粗 s:删除线 u:...

  • CSS课程1

    HTML常见标签 HTML常用标签的重要属性

  • HTML常用标签

    HTML常用标签 一、常用标签 1.iframe标签 标签用于嵌套页面。 常用属性 ...

  • HTML常用标签总结

    HTML 常用的标签 在讲HTML常用标签之前,我们先认识下HTML。 HTML,超文本标记语言(英语:Hyper...

  • HTML常用标签总结

    HTML常用的标签 在讲HTML常用标签之前,我们先认识下HTML。 HTML,超文本标记语言(英语:HyperT...

  • html常用标签

    Html 大纲 html知识目录 什么是网页,网页的注释 网页的结构和标签 常用的标签和标签的属性 html5常用...

  • HTML笔记-文字标签和注释标签

    HTML笔记-文字标签和注释标签 标签(空格分隔): HTML HTML中常用的标签 文字标签: 修改文字的样式 ...

  • css高级

    HTML4 常用标签 HTML5 常用标签 语义化的好处 如何写出更优的 html 标签嵌套 内联元素:不能包含块...

  • HTML标签

    HTML标签一览 这个部分就介绍一些常用标签。 那么Html标签一览就到这里... Html常用的标签就这些了,这...

网友评论

      本文标题:常用的HTML标签

      本文链接:https://www.haomeiwen.com/subject/jjclmttx.html