欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

HTML主要知识点

程序员文章站 2024-03-24 11:12:04
...

1 什么是HTML?

  1. html指超文本标记语言 (Hyper Text Markup Language)。
  2. 标记语言是一套标记标签
  3. HTML 不是一种编程语言,而是一种标记语言

2 HTML标签:

 1.  <html>与</html>之间的内容描述网页。 
 
 2.  <body>与</body>之间表示可见的网页内容。

 3. <h1>与</h1>之间的文本表示一个标题。     例:<h1>This is a heading</h1>.

 4. <p>与</p>之间的文本表示一个段落。       例:<p>This is a paragraph.</p>.
 
 5. 用<a>来定义html链接                   例:<a  href="http://baidu.com">This is a link </a>.
 
 6. HTML 图像是通过 <img> 标签进行定义的。  例:<img src="百度.jpg" width="100" height="100" />
 
 8. <hr /> 标签在 HTML 页面中创建水平线。   
                                      例:<p>This is a paragraph</p>
                                          <hr />
                                          <p>This is a paragraph</p>
                                          <hr />
                                          <p>This is a paragraph</p>
 9. 用</br>来换行。
   例:
<html>

<body>

<p>
To break<br />lines<br />in a<br />paragraph,<br />use the br tag.
</p>

</body>
</html>

 9. 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>

 10. 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>

 11. 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>