前端学习3:HTML属性

目录

一、HTML属性

二、HTML基本属性

 三、实例

1.定义标题属性

2. 定义HTML文档的主体属性

 3.定义HTML表格属性

 四、不赞成使用的标签和属性

1.背景颜色

2.字体、颜色和字体大小

 3.文本对齐


一、HTML属性

HTML标签可以拥有属性。属性为HTML元素提供了更多的信息。

属性总是以名称/之对的形式出现,比如:id="root".

属性总是在HTML元素的开始标签中规定。

属性和属性值对大小写不敏感,但是推荐小写的属性/属性值。

属性值应该始终包括在引号内。一般用双引号,也可以用单引号。特殊情况,属性值内有双引号,就必须使用单引号。

二、HTML基本属性

属性 描述
class classname 规定袁术的类名(classname)
id id 规定元素的唯一id
style style_definition 规定元素的行内css样式(inline style)
title text 规定元素的额外信息

 三、实例

HTML链接由<a>标签定义。链接的地址在 href 属性中指定

1.定义标题属性

<h1 align="center">居中排列标题</h1>

2. 定义HTML文档的主体属性

<body bgcolor="green">设置绿色背景</body>

 3.定义HTML表格属性

<table border="1">设置一个表格边线粗细为1</table>

 四、不赞成使用的标签和属性

 在新版的HTML和XHTML中不支持的标签和属性,应该避免使用这些被废弃的标签和属性!

标签

描述

<center> 定义居中的内容
<font>和<basefont> 定义HTML字体
<s>和<strike> 定义删除线文本
<u> 定义下划线文本

属性

描述

align 定义文本的对齐方式
bgcolor 定义背景颜色
color 定义文本颜色

 应该使用以下样式代替:

1.背景颜色

background-color属性为元素定义了背景颜色

<body style="background-color:blue">

</body>

style属性淘汰了“旧的"bgcolor属性 

2.字体、颜色和字体大小

font-family、color以及font-size属性分别定义了元素中文本的字体系列、颜色和字体尺寸

<p style="font-family:arial;color:red;font-size:20px;">这是一个段落</p>

style属性淘汰了旧的<font>标签 

 3.文本对齐

text-align属性规定了元素中文本的水平对齐方式:

<h1 style="text-align:center">居中标题</h1>

style属性淘汰了旧的“align”属性 

猜你喜欢

转载自blog.csdn.net/m0_62029216/article/details/129976493
今日推荐