html入门教程(一)html文档结构与头部标签。

5 篇文章 0 订阅
<html>

<head>
<title>我的第一个 HTML 页面</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>

<body>
<p>body 元素的内容会显示在浏览器中。</p>
<p>title 元素的内容会显示在浏览器的标题栏中。</p>
</body>

</html>

显示结果如下


一、文档结构

1.<html>标签限定了文档的开始点和结束点。

2.<head>标签定义了标签用于定义文档的头部,它是所有头部元素的容器。

3.<body>标签定义了文档的主题。

二、头部标签

1.<title>定义了文档的标题,该标题将显示在浏览器的标题中,收藏夹和搜索页面使用其作为标题

2.<base>描述了页面中的所有超链接的默认地址和默认目标。有两个关键属性:注意属性的值要用双引号圈起来

  • href
  • target
<base href="https://blog.csdn.net/duan_2018/" />
<base target="_blank" />

3.<link>通常用来说明css文档

<link rel="stylesheet" type="text/css" href="theme.css" />

4.<meta>用来描述文档的元信息

其中的值有,内容content,需要关联到http协议的http-equiv,还有名称name。

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

gb2312就是简体中文

5.<script>用来定义javascript脚本


<head>
<script type="text/javascript">
document.write("Hello World!")
</script>
</head>
打印一个hello world

6.<style>标签用于为 HTML 文档定义样式信息。type 属性是必需的,定义 style 元素的内容。唯一可能的值是 "text/css"。

<style type="text/css">
h1 {color:red}
p {color:blue}
</style>



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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值