菜鸟教程html学习笔记

tech2022-08-10  143

html学习笔记

一、简介

注意事项:

对于中文网页需要使用<meta charset=“utf-8”>声明编码,否则会出现乱码。 有些浏览器(如 360 浏览器和google浏览器)会设置 GBK 为默认编码,则你需要设置为<meta charset=“gbk”>。疑惑:难道html的使用性这么差吗,不同的浏览器就得写不同的charset ???

二、语法

注释

在HTML源代码中想要添加注释,需要使用<!–…--> 注释标签。

结构

<head> 元素包含了文档的元(meta)数据,里面的不会显示在浏览器上

<body> 区域的元素会显示在浏览器上,包括HTML 标题、段落。

HTML 标题(Heading)是通过<h1> -“ <h6> 标签来定义的。

<h1>” 定义最大的标题。 <h6>” 定义最小的标题浏览器会自动地在标题的前后添加空行。

HTML 段落是通过标签 <p> “来定义的。

HTML 元素最好使用小写标签

开始标签元素内容结束标签<p>这是一个段落</p><a href=“default.htm”>这是一个链接</a><br/>换行在开始标签中添加斜杠,比如 <br />,是关闭空元素的正确方法

属性

属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。

提示: 在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:name=‘John “ShotGun” Nelson’

属性描述class为html元素定义一个或多个类名(classname)(类名从样式文件引入)id定义元素的唯一idstyle规定元素的行内样式(inline style)title描述了元素的额外信息 (作为工具条使用)

格式

非常多种,包括缩写的格式,字体显示的格式,文本的上下标格式,引文, 引用, 及标签定义的格式,都是通过放在标签包围中实现的,详见菜鸟教程

CSS (Cascading Style Sheets)

内联样式- 在HTML元素中使用"style" 属性内部样式表 -在HTML文档头部 <head> 区域使用<style> 元素 来包含CSS外部引用 - 使用外部 CSS 文件

区块

最好采用css布局,把很多配置放在外部文件

可以去找一些模板

标签描述<div>定义了文档的区域,块级 (block-level)<span>用来组合文档中的行内元素, 内联元素(inline)

表单

表单是处理用户输入的机制,有按钮、输入文本 、单选多选等疑惑:action机制还得看看php?表单本身是不可见的。并且注意一个文本字段的默认宽度是20个字符

颜色

6个十六进制数来调色,一共有16^6种颜色,有些颜色某些浏览器不支持,但可以在这个标准色表里找合适的

字符实体

有些字符(比如<和>)是预留的,必须在 HTML 源代码中使用字符实体去表示

比如**&lt**表示小于号(即为less than缩写)

虽然 html 不区分大小写,但实体字符对大小写敏感。

完整的HTML实体:请点击 HTML 实体参考手册。

三、总结

HTML 是一种在 Web 上使用的通用标记语言。

HTML 允许你格式化文本,添加图片,创建链接、输入表单、框架和表格等等,并可将之存为文本文件,浏览器即可读取和显示。

用CS code编辑起来十分流畅,按tab会帮你自动补全很多东西。

以前还比较奇怪,html的代码都看起来很长,程序员编起来肯定很辛苦,现在感觉应该很多html片段应该是有模板,可以复用的。

因为我上学期一直在用markdown写报告,一直认为markdown是最好的东西,写起来方便,用markdown的列表可以层次清晰,md文件又可以转pdf。

现在看来,markdown里所有的功能都应该可以用html去完成,我猜测markdown语言就是用html实现的哈哈哈。

最新回复(0)