HTML5学习笔记(1)— 基础了解

HTML介绍

Web应用程序使用Web文档(网页)来表现用户界面,而web文档都遵循标准HTML格式。HTML是HyperText Markup Language(超文本标记语言)的缩写,HTML5是目前最新的HTML标准,用它编写的文件扩展名通常是.html或.htm。

HTML中包含很多HTML标记(标签Tag),它们可以被Web浏览器解释,从而决定网页的结构和显示的内容。这些标记通常是成对出现的,语法格式:<标记名>数据内容等</标记名>

HTML文档的基本结构:

<html>
  <head>
    <title> HTML文件标题</title>
  </head>
  <body>
      <!--  HTML文件内容  -->
      <p>this is a paragraph</p>
      <b>This text is bold</b>
  </body>
</html>

Tag标记成对出现,整体结构非常简单易读。其中p是paragraph英文段落的缩写,<P>会自动在其前后创建一些空白, <b>表示加黑(bold)。 <!--  XXX -->是注释。body中的内容会显示在文本窗口中,title的内容是以窗口名称显示。

目前标记是不区分大小写(即<body>==<BODY>)。

HTML常用基本标记

1. 文章中的标题<H>, 标题号越小,字体越大,一共有H1~H6

<H1> 一级标题 </H1>

如果要更改一些默认属性

<H2 align="center">  XXX </H2>

2. <FONT>可以用来处理字体变化

<FONT face="隶书” size=4 color=“blue”> XXX </FONT>

3. 超链接标记<A>

格式:<A HREF="URL信息"> 超链接文本及图像 </A>

4. 图像标记<IMG>

<H2><IMG ALIGN=MIDDLE SRC="glow.gif"> 蓝色天空 </H2>

在图像上设置超链接<A HREF="https://www.csdn.net"><IMG SRC="XXX.jpg"></A>
Web浏览器会在具有超链接的图像四周画一个边框,表示可以触发,去除边框的方法是在<IMG>中加上属性BORDER=0,另外WIDTH和HEIGHT可以重新定义图像宽度和高度。

5.表格标记<table>    分区标记<div>   换行符<br> 等等,用的时候去查就可以了

猜你喜欢

转载自blog.csdn.net/Amigo_1997/article/details/107337981