HTML笔记1

简介: HTML笔记1

HTML5


文档类型说明


HTML是一种标记语言,而不是一种编程语言


HTML5设计中最重要的一条化繁为简


<!DOCTYPF html>15个字符即可

注意:声明要出现在HTML文件的第一行


标记


HTML标记以html开头,以/html结尾,为养成良好的编码规范,建议还是写闭合标记😄


头标记


头标记head:用于说明文档头部相关信息,一般包括标题信息,元信息,定义CSS样式和脚本代等


......

注意:元素的作用范围是整篇文档*,定义在HTML文档头部的内容往往不会直接显示在网页上


标题标记


一般用来说明网页的用途,显示在浏览器的标题栏中


网页的标题只能有一个,在HTML网页文档的头部


百度


元信息标记meta


//标记可提供有关页面的元信息,比如针对搜索引擎和更新频度的描述和关键词 //位于文档的头部,不包含任何内容


属性


字符集charset属性,下面的代码意思是给浏览器说,网页你给我用UTF-8字符集编码显示


搜索引擎的关键字


页面描述


meta description(描述原元标记)是一种HTML元标记,用来忽略描述网页的主要内容,就好比我们在度娘搜索爸爸就是这里面的字段


格式


页面定时刷新跳转


刷新


标记可以使网页在经过一定时间后自动刷新,可以将http-equiv属性值设置为refresh实现,content属性值为刷新时间间隔


<meta http-equiv="refresh" content="秒数"/>


跳转


注意格式,注意格式,注意格式


网页的主体标记body


网页中所要显示的内容都在body内


在构建HTML结构时,标记不允许交叉出现


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


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

×


页面的注释标记


HTML5文件的编写方法


”工欲善其事,必先利其器“


记事本🗒


Dreamweaver CC


vscode(个人最爱😄)


HTML5语法的新变化


为兼容各个不统一的网页代码,有以下改动


1.标签不再区分大小写是HTML5语法变化的重要体现


2.在HTML5中,属性值不放在引号中也是可以里😄🐂ps:但还是建议写,有时可能会引起浏览器的误解


3.允许部分属性值的属性可以省略不写,有checked,readonly,defer,ismap,nohref,noshade,nowrap,selected,disabled,multiple,noresize


4.单标记和双标记

HTML5中不允许写结束标记的元素有area,base,br, col, command, embed, hr, img, keygen, link, meta, param, source, tract, wbr,


HTML5中可以忽略结束标记的元素有li, dt, dd, p, rt, rp, optgroup, option, colgroup, thead, today, tfoot, tr, td,th,


HTML5中允许忽略全部标记的元素的有html, head, body, colgroup, tbody,


5.对于编码,国内常用GB码,要经常显示文字,因此我i们可以用”GB2312“(简体中文)和”UTF-8“两种


相关文章
|
5月前
|
JavaScript 前端开发 开发者
编程笔记 html5&css&js 071 JavaScript Symbol 数据类型
编程笔记 html5&css&js 071 JavaScript Symbol 数据类型
|
2天前
|
前端开发 JavaScript C++
震惊!!!html竟然被...... 一篇博客让你从0开始熟悉并掌握html 超详细html笔记 全网独一份
本文是一份超详细的HTML学习笔记,从基础认知开始,介绍了网页的构成、五大浏览器、web标准、HTML/CSS/JavaScript的区别,然后详细讲解了HTML的概念、骨架结构、常用快捷键、注释、标签结构和关系。接着,通过大量实例深入探讨了HTML的各种标签,包括排版标签、文本格式化标签、媒体标签、链接标签、列表标签、表格标签、表单标签、语义化标签和字符实体,旨在帮助读者从0开始熟悉并掌握HTML。
11 2
震惊!!!html竟然被...... 一篇博客让你从0开始熟悉并掌握html 超详细html笔记 全网独一份
|
3月前
|
开发者
无法拖拽选中文字的在线电子书的做笔记方法 —— html文本提取大法
无法拖拽选中文字的在线电子书的做笔记方法 —— html文本提取大法
32 0
|
5月前
|
缓存 前端开发 JavaScript
HTML设计最新笔记
HTML设计最新笔记
34 1
|
4月前
|
Python
Python基础教程(第3版)中文版 第20章 项目1: 自动添加标签(纯文本转HTML格式) (笔记2)
Python基础教程(第3版)中文版 第20章 项目1: 自动添加标签(纯文本转HTML格式) (笔记2)
|
4月前
|
Python
Python基础教程(第3版)中文版 第20章 项目1: 自动添加标签(纯文本转HTML格式) (笔记)
Python基础教程(第3版)中文版 第20章 项目1: 自动添加标签(纯文本转HTML格式) (笔记)
|
5月前
|
前端开发 搜索推荐 数据安全/隐私保护
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
58 1
|
5月前
|
移动开发 前端开发 搜索推荐
HTML图片标签(2) HTML5+CSS3+移动web 前端开发入门笔记(三)
HTML图片标签(2) HTML5+CSS3+移动web 前端开发入门笔记(三)
114 0
|
5月前
|
JavaScript 前端开发
编程笔记 html5&css&js 079 JavaScript 循环语句
编程笔记 html5&css&js 079 JavaScript 循环语句
|
5月前
|
JavaScript 前端开发 开发者
编程笔记 html5&css&js 078 JavaScript 条件判断语句
条件判断语句是首先要接触的语句。通过条件判断来执行不同的代码块。