HTML标签样式定义

html

之前的章节介绍了HTML的常用标签,这节课介绍下标签的样式属性;

请看下面的代码:

<p style="color:red;">正文</p>

上面的p标签设定了一个style属性,值是color:red;

这段代码在页面上显示的效果是正文的字体颜色为红色;

style就是p标签的样式属性,通过对标签设置样式属性,可以设置标签里面的内容的样式;

大多数的HTML标签都可以设置style属性,例如:

<h1 style="color:blue;">标题</h1>
<p style="font-size:36px;">文字1</p>
<p style="text-align:center;">文字2</p> 
<a style="text-decoration: underline;">链接</a>

1.h1 标签里面的标题颜色为蓝色
2.p 标签里面的文字大小为36px
3.p 标签里面的文字居中显示
4.a 标签里面的链接有下滑线

由此可见,通过style属性,可以实现网页内容的丰富多彩;

style 属性的值内容比较多,将会在后面的CSS课程介绍。