HTML-HTML基本语法和标签

HTML标签属性-注释-基本模板-格式排版

一 快捷键

# 标题
* 列表
​```代码块
**强调**

二 常用的代码编辑器:

WebStrom
VSCode
Sublime Text
Atom
vim
nodepad ++
editplus

三 浏览器

1 主流浏览器

  • Chrome Firefox Safari IE Opera

2 其他浏览器

使用Chrome内核的浏览器,也称为壳浏览器

四 HTML基本语法

1 文档声明

文档声明的作用: 让浏览器使用标准模式对页面进行渲染。

<!doctype html>

2 HTML标签

  • HTML就是由HTML标签组成的,也可称之为元素
  • 可分为单标签和双标签,单标签/可以省略,如

    是等价的
  • 具有语义,语义决定什么时候什么地方使用哪一标签
  • 不区分大小写
  • 可以再嵌套标签,如

3 标签的属性

  • 建议属性值用双引号包裹,一个标签可以设置多个属性,形式如下:

    <标签名 属性名=“值”>内容</标签名>
    <标签名 属性名=‘值’>内容</标签名>
    <标签名 属性名=>内容</标签名>
    
    <标签名 属性名=“值” 属性名=“值”>内容</标签名>
    <font color="red" size="6">标签</font>
    

4 HTML 注释

注释的作用:

  • 对代码进行解释和说明
  • 把暂时不需要执行的代码进行注释
<!--注释的内容 -->
<!--
注释的内容
-->

5 基本页面模板

<!doctype html>
<html>
	<head>
	<meta charset="utf-8">
	<title>网页的标题</title>
	</head>
	<body>
	
	</body>
</html>

6 HTML标签总结

6.1 主体结构标签

标签名语义和功能属性单标签还是双标签
html页面根标签双标签
head页面头部双标签
body页面主体双标签

6.2 HEAD中的标签

标签名语义和功能属性单or双
meta设置页面元信息chareat属性:值是字符集编码,如“utf-8”单标签
title设置页面标题双标签

6.3 格式排版标签

标签名语义和功能属性单or双
h1-h6标题(一级-六级标题)双标签
p段落标签双标签
hr分割线单标签
br换行单标签
pre原格式输出双标签
div没有语义,用于页面结构布局双标签
   | 无   | 单标签 |

| pre | 原格式输出 | 无 | 双标签 |
| div | 没有语义,用于页面结构布局 | 无 | 双标签 |

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值