HTML基础(一)

HTML 是用来描述网页的一种语言。

  • HTML 指的是超文本标记语言 (Hyper Text Markup Language)
  • HTML 不是一种编程语言,而是一种标记语言 (markup language)

HTML 标签通常是成对出现的,比如 <b> 和 </b>

HTML 文档 = 网页

  • HTML 文档包含 HTML 标签和纯文本
  • Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。

标签之间的文本

  • <html> 描述网页 </html> 
  • <body> 可见的页面内容 </body> 
  • <h1> 标题</h1>
  • <p>段落 </p> 

<body  bgcolor="yellow">

</body> 

<p>和<h1>是自动隔一行的

HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的

<h1  align="center" >标题居中</h1>    //align是对齐方式

HTML 段落是通过 <p> 标签进行定义的。

HTML 链接是通过 <a> 标签进行定义的。

<a href="http://www.w3school.com.cn">This is a link</a>

href 属性 指定链接的地址

HTML 图像是通过 <img> 标签进行定义的。

<img  src="w3school.jpg" width="104" height="142" />

图像的名称和尺寸是以属性的形式提供的。

<img> 是空标签,它只包含属性,并且没有闭合标签。

要在页面上显示图像,你需要使用源属性(src)。src 指 "source"。源属性的值是图像的 URL 地址。

<br> blank rule 换行  

<hr> horizontal rule 水平分割线

<b>  bold 粗体文本效果

注释   

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

快捷键:选中要注释的内容  control+shift+/    (取消注释也是)

查看源代码

某个网页,右击,查看源代码。

HTML样式

用<body style="background-color:yellow">  </body>  (background-color不能省略为bgcolor)

代替<body bgcolor="yellow">   </body> (不能用于p标签等其他标签)

用<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>    (字体、颜色、尺寸)  【注意中间用分号隔开】

代替<p><font size="5" face="arial" color="red">A paragraph.</font></p>

用<h1 style="text-align:center">This is a heading</h1>

代替<h1 align="center">This is heading 1</h1>

原文地址:https://www.cnblogs.com/xtxt1127/p/11472570.html