Day4_HTML基础属性

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>
<buttonοnclick="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

发布了9 篇原创文章 · 获赞 0 · 访问量 163

私信关注

猜你喜欢