Day4_HTML基础属性

最新推荐文章于 2024-01-25 18:14:40 发布

北冥鱼wang

最新推荐文章于 2024-01-25 18:14:40 发布

阅读量206

点赞数

分类专栏：自动化测试文章标签： id属性

本文链接：https://blog.csdn.net/cealwang/article/details/102887988

版权

自动化测试专栏收录该内容

2 篇文章 0 订阅

订阅专栏

name属性

name属性用于指定标签元素的名称。<a>标签内必须提供href或name属性。

id属性

id属性规定HTML元素的唯一id。
id在HTML中必须是唯一的。
id属性可通过JavaScript（HTML DOM）或通过CSS为带有指定id的元素改变或添加样式。

<html>
<head>
<!--以下定义一个js方法，主要是根据id来改变内容-->
<scripttype="text/javascript">
functionchange_header()
{
document.getElementById("myHeader_1").innerHTML="You have clicked!";
}
</script>
</head>

<body>
<h1id="myHeader">Hello 51zxw!</h1>
<h1id="myHeader_1">Hello zxw!</h1>
<buttononclick="change_header()">Change text</button>
</body>
</html>

注意

id或name属性的值可以是引号引起来的任何字符串。字符串必须是唯一的标记，不能在同一文档中的其他name或id属性中重复使用，但是可以在不同的文档中再次使用。

style属性

样式是HTML4引入的，它是一种新的首选的改变HTML元素样式的方式，通过HTML样式，能够通过使用style属性直接将样式添加到HTML元素，或者间接的在独立的样式表中（CSS文件）进行定义。

HTML样式实例--背景颜色

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

<html>
<body style="background-color:yellow">
<h2 style="background-color:red">This is a heading</h2>
<p style="background-color:green">This is a paragraph.</p>
</body>
</html>

HTML样式实例--字体、颜色和尺寸

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

<html>

<body>

<h1 style="font-family:verdana">A heading</h1>

<p style="font-family:arial;color:red;font-size:20px">A paragraph.</p>

</body>

</html>

HTML样式实例--文本对齐

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

<html>
<body>
<h1 style="text-align:center">This is a heading</h1>
<p>The heading above is aligned to the center of this page.</p>
</body>
</html>

北冥鱼wang

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录