在了解相关HTML的概念及编程工具,运行工具,语法之后,我们需要进一步详细了解,html中可以写那些标签代码,因为html是一门超文本标记语言。在html标签中,有上百种的标签,但是对于一个初步学习者,会感到头痛,其实在真正的编程时,用到html中的标签不会超过20-30个。所以我就叫这些常用的标签,也就是今后编程中,会一定遇到的标签,首先看看有哪些常用的标签。

html常用标签:

标题标签: <h1></h1> 在我们页面中,会写很多文字,文字也会有标签,当有标题之时就需要用到标题标签,除了h1之外,有h2,h3 。。。一直到h6.他们的区别在于对字体的大小有区分,h1字体最大,以此类推,并且,此标签还可以对文字进行加粗。注意:一个html页面中,只能只有一个h1标签,其他的可以出现多次。

段落标签:<p></p>,当文字之间需要段落空行,可以用到此标签

例子:

html基本学习(HTML入门之-02)(1)

段落标签代码

html基本学习(HTML入门之-02)(2)

段落标签显示效果

加粗标签:

<b></b>或者<strong></strong>,对文字进行加粗处理;它们的作用是一样的,但是它们语义不一样,strong代表的是强调

文字倾斜标签:

<i></i> 或者 <em></em>对文字进行切斜处理;它们的作用是一样的,但是它们语义不一样,em代表的是强调

超链接标签:

<a href="需要跳转的地址" target="跳转的方式">百度</a>

写在标签里面的单词,例如href 、target 都叫标签的属性。属性后面会有该属性的值;

href属性非常重要,用来设置超链接的目标地址或锚标记地址

target属性设置打开页面的方式(_self(默认) | _blank)

_self:在当前页面打开新的地址

_blank:新打开一个页面

html基本学习(HTML入门之-02)(3)

超链接标签代码

html基本学习(HTML入门之-02)(4)

显示效果

图片标签:

<img src="http://img.studyofnet.com图片地址(相对地址/绝对地址)" width="图片宽度" height="图片高度" />

*img标签是一个单标签,也就是说不需要写成<img></img> 写成<img src="http://img.studyofnet.com123.jpg" />即可

*width和height属性可以设置百分比 或者像素 例如:20px 或者20%

*src写路径的时候一定要用“/”,最好不要用“\”

html基本学习(HTML入门之-02)(5)

图片标签代码

html基本学习(HTML入门之-02)(6)

,