html快速入门之一

什么是html?

html又叫做超文本标记语言,注意一下,它不是编程语言。那html有什么用?我们日常浏览网站的时候,会打开一个个网页,页面上各种文字、图片、声音、视频、链接等都是用html写的。我们打开所谓的网页,就是打开一个个html文件。(注:文件后缀名为html)

html的标签是什么?

那么我们要如何写一个html文件呢?怎么才能把文字、图片、声音、视频、链接等这些东西放进html?
这里就得说到html的标签。举个简单的例子,我们可以随便打开一个网页,然后全选、复制、粘贴到一个新建的txt文件,保存后直接修改其后缀名为html,再用浏览器打开这个html文件,我们可以看到同样的效果吗?当然是不行的!!!因为这里面少了html文件必要的标签。浏览器是通过标签来渲染解析一个html文件的具体内容的。
通常情况下html的标签是成对出现的,如<p></p>、<title></title>等等,我们把要展示的内容放进标签里面,如www.google.com,这时候浏览器通过渲染,就知道这个是网页的标题。

常用的标签

基本结构标签

每一个网页都会有一个基本结构标签(也称为骨架标签,如下图所示),页面内容就是在这些基本标签里写,之后介绍的标签基本上都是写在<body></body>里面。

<html>
<head>
    <title></title>
</head>
<body>
    
</body>
</html>

标题标签

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>

段落标签

<!-- 标签用于定义段落,它可以将整个网页分为若干个段落。
特点:
        1. 文本在一个段落中会根据浏览器窗口的大小自动换行。
        2. 段落和段落之间保有空隙。 -->
<p> 段落标签 </p>

换行标签

<!-- 如果希望某段文本强制换行显示,就在后面使用换行标签<br>。
<br>标签只是简单地开始新的一行,跟段落不一样,段落之间会插入一些垂直的间距。 -->

文本格式化标签

加粗标签<strong></strong> <b></b>
倾斜标签<em></em> <i></i>
下划线标签<ins></ins> <u></u>
删除线标签<del></del> <s></s>
各有两个,任选其一即可

布局标签

span和div都是用来布局页面的。
大盒子 <div>一行只能放一个<div> 
小盒子 <span>一行上可以多个 <span> 

图像标签

在 HTML 标签中,<img> 标签用于定义 HTML 页面中的图像。
<img src="图像URL">
其中:src 是<img>标签的必须属性,它用于指定图像文件的路径和文件名。

链接标签

<a href="跳转目标" target="目标窗口的弹出方式"> 文本或图像 </a>
<!-- 属性:
        1.href:用于指定链接目标的url地址
        2.target:用于指定链接页面的打开方式_self默认值 _blank新窗口打开
        3.#:空链接 -->

请允许自己写出垃圾,否则,你连垃圾都写不出来。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值