初识HTML

最新推荐文章于 2022-12-14 20:42:18 发布

一个处女座的程序媛

最新推荐文章于 2022-12-14 20:42:18 发布

阅读量1k

点赞数 1

分类专栏： Web前端与移动开发文章标签： html

本文链接：https://blog.csdn.net/renmengmeng520/article/details/70198296

版权

Web前端与移动开发同时被 2 个专栏收录

25 篇文章 1 订阅

订阅专栏

-----HTML

4 篇文章 0 订阅

订阅专栏

前言：

最近小编接触了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>
段落标签
空格标签&nbsp
标题标签<h#>: #=1~6
图片标签<img src=“…” />

注释标签

三.HTML元素

HTML元素有始有终

HTML可以嵌套

HTML使用小写

四.HTML文档格式标签

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

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

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

HTML水平线 <hr />

HTML拆行 

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>

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

如下图：