html学习(1)

一、基本格式

<html>

    <head>
        <title>我的第一个页面</title>
    </head>

    <body>
        页面
    </body>

</html>

<html>:最大标签,根标签

<head>:文档的头部

<title>:网页的标题

<body>:文档的主题,页面内容都在这个里面

二、常用标签

1.<!DOCTYPE>:文档类型声明,告诉浏览器使用哪种HTML版本显示网页。位于文档中最前面的位置,处于<html>标签之前。

2.<html lang="en">:语言类型,en英文,zh-CN中文。用于告诉浏览器,实际文档中文本内容无影响。

3.<meta charset="UTF-8"/>:文档字符编码类型。

4.<h1>——<h6>:标题标签,重要性递减。文字会加粗加黑一行显示。

5.<p></p>:段落标签。文本会根据浏览器的宽度自动换行。

6.<br/>:强制换行。

7.文本格式化标签:

      (1)<strong></strong>:加粗。

      (2)<em></em>:倾斜。

        (3)<del></del>:给文字加删除线。

        (4) <ins></ins>:下划线。

8.<div></div>:用来布局,一行只能放一个。大盒子。

9.<span></span>:一行可以有多个<span>。小盒子。

10.<img src="" alt=""  title=""  width=""  height=""  border=""/>:

                src为必备属性,用于指定图像文件和文件名。

                alt:替换文本,图片显示不出来时用文字替换。

                title:提示文本,鼠标放上去时显示。 

                width:修改宽度。

                height:修改高度。两者只改一个另一个会等比例缩放。

                border:边框。一般通过css指定。           

具体标签参考html参考手册:https://www.runoob.com/tags/html-reference.html

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值