记录-web(HTML概述,文件结构,标签)

web前端开发

HTML概述

“超文本标记语言”,它是制作网页的标准语言
HTML不区分大小写!!!允许设置属性时不加引号
标签:由尖括号包围,比如,通常是成对出现

开始标签+内容+结束标签 构成元素
标签嵌套
注意缩进
HTML DOM 树
DOM :Document Object Model(文档对象模型)
在这里插入图片描述
一个标签可能有多个属性,属性先后顺序无关

HTML5文档的基本格式
在这里插入图片描述
1.只有开头使用<!DOCTYPE html》声明,浏览器才能将该页面做为有效的HTML文档,并按指定的文档类型进行解析
2.只有使用HTML5中的DOCTPE声明,才会触发浏览器以标准兼容模式来显示页面信息

<html》标签也被称为根标签,用于告知浏览器其是一个html文档
<head》标签,也被称为头部标签,主要用来封装其他位于文档头部的标签

  • 一个HTML文档只能含有一对头部标签,绝大多数文档头部包含的数据都不会作为真正的内容显示在页面中

<meat》标签中的charset=“UTF-8”指定了代码的字符集为“UTF-8”
<title》标签可以显示网页的标题信息
<body》标签用于定义HTML文档所要显示的内容,也成为主体标签,浏览器中显示的所有文本,图像,表单与多媒体元素都必须位于此标签内,此标签中的所有信息才是最终展示给用户看的

注意

一个HTML文档只能含有一个<body》标签,且<body》标签必须在<html》标签内,位于<head》头部标签之后,与头部标签是并列关系

HTML文件结构

字符集与编码
字符:文字、符号:123 abc 一二三 ! , % @
字符集:字符的集合:
字符集—语言文字,比如英文字符集,汉文字符集,日文字符集
编码:将字符与二进制对应起来
ASCII:数字,英文字母,符号进行了编码
GB2312:简体中文
Unicode:所有语言
UTF-8:所有语言,占用空间更小

HTML标签

换行h1~h6,一个页面建议只有一个h1
段落p,段落,每个段落自动换行。段落内部文字忽略连续 空格, 也不会显示空行,且不会换行。(&nbsp 空格,可连续使用)
段内换行br
预留格式pre,文本中的空格符和换行会被保留
段内分组span
水平线hr
注释,一对尖括号里面是!–注释内容-- ,注释内容可跨行
超连接a,文本超链接,图片超链接,导航栏,
在这里插入图片描述
整理的笔记,不知道为什么,一对<>里面如果输入内容,在写内容时预览显示不出,所以全篇>用了》代替。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值