- 什么是 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>
-
img 图像 src属性执行图片路径
<img src="w3school.jpg" width="104" height="142" />
<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