HTML基础知识-学习W3C笔记

2020-05-06 本文已影响0人我爱泡澡堂

什么是 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 标签
```

```
外部样式表 <link>中引入外部文件
```
<head>
```

``` 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

HTML基础知识-学习W3C笔记

猜你喜欢

热点阅读