初识HTML

前言:


           最近小编接触了HTML,这是什么东东呢?且听我慢慢道来。


一.What


               HTML:(Hyper Text Markup Language):超文本标记语言。


            超级文本标记语言(英文缩写:HTML)是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言.


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


              网页的本质就是超级文本标记语言,通过结合使用其他的 Web技术 (如: 脚本语言 公共网关接口 组件 等),可以创造出功能强大的网页。因而,超级文本标记语言是万维网( Web )编程的基础,也就是说 万维网( 点击打开链接 是建立在超文本基础之上的。


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

    HTML标签(不区分大小写)(有些大写是自动生成的)
   页面包括“格式标签”和“页面内容”

   网页文件格式:.html或.htm


1.学习HTML需要准备什么?

HTML是通用语言(只要有浏览器和记事本


2.使用什么工具?
   ——记事本、NotePad++、EditPlus、…
  ——网页三剑客(DreamWeaver、FireWorks、Flash)

  ——FrontPage


二.HTML基本标签


HTML基本结构<html></html>

段落标签<p></p>
空格标签&nbsp
标题标签<h#>: #=1~6
图片标签<img src=“…” />

注释标签<!--   -->


三.HTML元素


HTML元素有始有终

HTML可以嵌套

HTML使用小写


四.HTML文档格式标签


标题标签<h#></h#>

标题的重要性(搜索的问题)

浏览器会在标题前后添加空行

HTML水平线 <hr />

HTML拆行 <br />

HTML中的特殊符号

>(&gt)、<(&lt)、&(&amp)、空格(&nbsp)


五.HTML属性


表现各标签的特征

<img>中的src即为属性

属性都是以“属性名 = 值”的形式出现

属性的值建议用引号括起来

属性建议均以键值对的形式括起来

一个标签可有多个属性,用空格分开


六.HTML图像


语法

<img src=“URL” />

alt属性(显示图片内容)

border属性(图片外侧相框宽度,默认像素)

width属性

height属性

相对路径


七.应用实例


         先上图(小编很喜欢狗,所以小编做了一个关于介绍小狗的简单网页!)


                      


代码:

<html>
     <head>
           <title>小狗</title>               <!--网页标题-->
     </head>
     <body>
           <h1>快来看啊!小狗哦!!!</h1>   <!--h1代表一级标题-->
           <img src="2.jpg" alt="这是萨摩图片" border="50" />                <!--插入图片-->

           <h2>小狗(萨摩)介绍</h2>         <!--h2代表二级标题-->
           <p>中文名称:萨摩</p>             <!--p代表段落-->
           <p>英文名称:a little dog</p>     <!-- 代表空格-->
           <hr />                                   <!--hr代表水平线-->
           萨摩<br />好可耐<br />                         <!--br代表水平线-->
            >  < &                             <!--从左到右依次表示符号><&-->
     </body>
</html>


如果我想把百度的链接嵌入到我的网页中怎么办:

     <br /> <a href="http://www.baidu.com">百度</a><br />


如下图:

                                            


编结语 


                  看了小编的博客,你是不是也想做一个属于自己的网页呢,还等什么,赶快动手吧!Just  do it !当你去做的时候,你会发现他远比你想的简单。

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 撸撸猫 设计师:C马雯娟 返回首页