学习笔记之HTML(二)

1、HTML 元素指的是从开始标签到结束标签的所有代码。

<html>

<body>
<p>This is first paragraph.</p>
</body>

</html>

上面的例子包含三个元素:<p>、<body>、<html>

2、HTML属性:属性为 HTML 元素提供附加信息。

属性总是以名称/值对的形式出现,比如:name="value"。

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

例:<h1 align="center"> 拥有关于对齐方式的附加信息。

<html>

<body>

<h1 align="center">标题</h1>

<p>将标题在页面中进行居中排列。</p>

</body>
</html>

 

 注:属性值应该始终被包括在引号内。(属性值本身就含有双引号的使用单引号)

3、HTML水平线

<hr /> 标签在 HTML 页面中创建水平线。

hr 元素可用于分隔内容。

<html>

<body>

<p>水平线</p>
<hr />
<hr />

</body>
</html>

 

 4、HTML注释

注释:开始括号之后(左边的括号)需要紧跟一个叹号,结束括号之前(右边的括号)不需要。

<html>

<body>

<!--这是一段注释。注释不会在浏览器中显示。-->

<p>!--表示注释</p>

</body>
</html>

5、HTML换行

在同一个段落换行,使用<br />标签

<html>

<body>

<p><br /><br /><br /></p>

</body>
</html>

 

 6、HTML的style 属性

提供了一种改变所有 HTML 元素的样式的通用方法。

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

<html>

<body style="background-color:yellow">
<h3 style="background-color:red">标题</h3>
<p style="background-color:blue">段落</p>

</body>
</html>

 

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

<html>
<body>
<h1 style="font-family:STFangsong">标题</h1>
<p style="fontfamily:arial;color:red;font-size:20px;">段落</p>
</body>
</html>

 

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

<html>
<body>
<h1 style="text-align:center">标题</h1>
<p style="fontfamily:arial;color:red;font-size:20px;">段落</p>
</body>
</html>

posted @ 2020-01-11 15:29  付能量  阅读(134)  评论(0编辑  收藏  举报