-
什么是 HTML？
- HTML 指的是超文本标记语言 (Hyper Text Markup Language)
- HTML 不是一种编程语言，而是一种标记语言 (markup language)
- 标记语言是一套标记标签 (markup tag)
- HTML 使用标记标签来描述网页
-
h1~h6 从大到小
-
a标签 链接
<a href="http://www.w3school.com.cn">This is a link</a>- href 属性规定链接的目标
- target 属性规定打开链接的位置
_blank在新窗口打开 - name 属性可以设置锚点，在别处使用
<a>标签链接到此锚点
-
img 图像 src属性执行图片路径
<img src="w3school.jpg" width="104" height="142" />- alt 属性用来为图像定义一串预备的可替换的文本
-
<br/>比<br>好，尽管<br>是有效的，<br />是一个折行(换行) -
标签推荐使用小写字母，尽管大小写是不敏感的
-
HTML标签可以拥有属性，属性提供了有关 HTML元素的更多的信息，属性总是在开始标签中规定。并且属性值始终需要加上引号。
-
HTML 标题
- h1最大 h6最小
- 浏览器会自动地在标题的前后添加空行
-
<hr />是分割线标签 -
浏览器会自动地在块级元素的前后添加空行。例如h标签、p标签
-
style属性用于改变HTML元素的样式
- 提供了一种改变所有 HTML 元素的样式的通用方法
- 样式是 HTML 4 引入的
- 推荐独立的样式表中（CSS 文件）进行定义
<body style="background-color:yellow">背景色：background-color
字体:font-family
文字颜色：color
文字大小：font-size
文本对齐：text-align -
HTML 注释
- ``
- 条件注释 定义只有 Internet Explorer 执行的 HTML 标签
<!--[if IE 8]> .... some HTML here .... <![endif]--> -
外部样式表
<link>中引入外部文件<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
```
内部样式表 <style>中写的样式
``` html
<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>
```
内联样式 标签的`style`属性中定义的样式
2020年5月6日20:36:17
-
表格
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
```
- <table>标签定义表格，<tr>标签定义行，<td>标签定义单元格，<th>标签可以定义表头
- <table>标签的border属性设置表格的外边框
- 无内容的单元格某些浏览器可能无边框，可以使用 占位
-
有序、无序和定义列表
-
<ul>无序列表，<ol>有序列表，列表项都是用<li> -
<dl>自定义列表，<dt>自定义列表项，<dd>自定义列表的内容
-
-
块级元素和内联元素
- 块级元素block level element总是以新行开始
- 内联元素inline element又称行内元素，与其他元素在一行类
- 块级元素可以容纳内联元素和其他块元素
- 内联元素只能容纳文本或者其他内联元素
-
标签的
class属性可以为元素分类，css可以为相同的类设置样式 -
响应式 Web 设计？
- 不同大写的浏览器或者设备都可以友好的访问页面
- Bootstrap 是最流行的开发响应式 web 的 HTML, CSS, 和 JS 框架
-
框架和内联框架
- 可以在同一个浏览器窗口中显示不止一个页面
<frameset cols="25%,75%"> <frame src="frame_a.htm"> <frame src="frame_b.htm"> </frameset>- 可以在
<frame>标签中加入：noresize="noresize"禁止用户缩放 -
frameborder设置框架的边框
-
背景
-
bgcolor背景色 -
background背景图片 - <body> 标签中的背景颜色（bgcolor）、背景（background）和文本（text）属性在最新的 HTML 标准（HTML4 和 XHTML）中已被废弃。
- 使用层叠样式表（CSS）来定义 HTML 元素的布局和显示属性
-
-
脚本
- 学习JavaScript
-
使用相对路径是个好习惯（如果可能）
-
HTML 头部元素
<head>-
<title>标题定义文档的标题 -
<base target="_blank" />使页面中的所有标签在新窗口中打开 - 使用
<meta>元素来描述文档 -
<link>标签定义文档与外部资源之间的关系 -
<style>标签用于为 HTML 文档定义样式信息 -
script>标签用于定义客户端脚本，比如 JavaScript
-
-
字符实体
- HTML 中的预留字符必须被替换为字符实体
- 英文分号结束
&entity_name; 或者 &#entity_number; -
颜色
- 十六进制符号来定,例：
#000000黑色 - 大多数的浏览器都支持颜色名集合，直接使用英文名字，例如：black, blue
- 十六进制符号来定,例：
-
<!DOCTYPE>声明- H5版本的html声明
2020年5月7日15:41:12
网友评论