HTML基本知识和常用标签1

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_38230811/article/details/83049087

HTML

Hyper Text Markup Language 超文本标记语言

超文本就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。

超文本标记语言的结构包括部分(英语:Head)、和主体部分(英语:Body),其中部提供关于网页的信息,主体部分提供网页的具体内容

主要特点

  1. 简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便。
  2. 可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。
  3. 平台无关性:虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是万维网WWW)盛行的另一个原因。
  4. 通用性:另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。

HTML 后缀 .html  .htm

直接通过浏览器就可以运行

 

HTML 的规范(遵循)

  1. HTML文件开始标签和结束标签

<html>   </html>

2  html包含两部分

   <head>   </head>    设置相关信息

   <body>   </body>    显示在页面上的内容都写在body里面

3  标签成对出现 有开始标签就要有结束标签

4  html代码不区分大小写

5  有些标签 没有结束标签 在标签内结束

     -比如   换行  <br/>   水平分隔线(horizontal rule)<hr/>

 

 

HTML操作思想

为了不同的显示效果 可以使用标签把要操作的数据包起来,通过修改标签的属性值实现标签内的数据样式的变化

一个标签相当于一个容器,想要修改容器内的数据样式,只需要改变容器的属性

HTML常用标签

注释标签

<!--  html 注释 -->

标题标签

<h1>标题一</h1>
<h2>标题二</h2>
<h3>标题三</h3>
<h6>标题六</h6>

水平分隔线(horizontal rule)

<hr  size=”5”  color=”blue”/>

字体标签

<font size=”5”  color=”red”> 这是我第一个html </font>

Title标签

<title>这是一个标题</title>

特殊字符

<      &lt;

>      &gt;

空格    &nbsp;       

&lt;html&gt;:是           网页的开始!

&lt;html&gt;:是&nbsp; &nbsp; &nbsp; &nbsp;网页的开始!

列表标签

<dl>
     <dt>传智</dt>
     <dd>财务部</dd>
<dd>学工部</dd>
<dd>人事部</dd>
</dl>
<hr/>

<ol type=”i”>
     <li>财务部</li>
     <li>学工部</li>
     <li>人事部</li>
</ol>

图像标签

<img src=”图片的路径”   width=”300”  height=”400”/>

图片路径

绝对路径

     http://www.baidu.com/b.jpg

     F:\myeclipse相关文件\user\WebRoot\users\a.jsp

相对路径

     HTML文件和图片再一个路径下 可以直接写文件名

     例如  src=”b1.jsp”

     图片在HTML文件的下层目录

     img\a.jpg

     图片在HTML文件的上层目录

     ..\c.jpg

     上层的上层  ..\..\

猜你喜欢

转载自blog.csdn.net/qq_38230811/article/details/83049087