HTML基础——2017.10.12学习笔记

HTML标签

HTML 标签通常是成对出现的,比如 

标签对中的第一个标签是开始标签,第二个标签是结束标签


你好呀,李银河。

我叫王小波。


之间的文本描述网页

之间的文本是可见的页面内容

之间的文本是一级标题(还有h2、h3、h4、h5、h6)

之间的文本是段落


用记事本来编辑HTML

HTML基础——2017.10.12学习笔记_第1张图片
在记事本文件菜单中选择“另存为”,保存时,既可以使用 .htm 也可以使用 .html 这两个扩展名

在浏览器中运行这个HTML文件

HTML基础——2017.10.12学习笔记_第2张图片
直接在保存位置双击打开,得到上图

标题通过

-

定义

段落通过

定义

链接通过定义

例如:This is a link

在href属性中是链接的地址

图像通过定义

例如:


HTML元素的嵌套

从开始标签到结束标签之间的叫HTML元素,大多数元素可以嵌套,比如最开始那段代码,html嵌套了body,body又嵌套了h1和p

元素可以为空,
就是没有关闭标签的空元素,元素一定要有关闭标签才有效哦,
是关闭空元素的正确方法

HTML元素大小写通用,但推荐小写为佳


属性

HTML标签可以拥有属性,以便我们知道元素的更多信息,属性总是以 名称/值对  的方式出现,比如:name="value" ,属性必须在开始标签中规定

例一:

定义标题,

使得标题居中

例二:定义主体,使得背景颜色变为黄色

例三:

定义表格,
使得表格边框的粗度变为1

属性值必须带有引号单引号也可以)


完整的属性参考手册

1   适用于大多数HTML元素的属性

2   更加完整的标准属性参考手册


标题详解

最大,

最小

浏览器会在标题的前后自动添加空行


标签创建水平线,可用于分割内容(即分割线)

我们可以将注释插入代码中,便于理解,浏览器不会显示这些注释

注释是这样写的:

注意,左边的括号要紧跟一个感叹号,右边的括号不需要

当我们在任何一个网页中,只需右键“查看网页源代码”就可以看到最原始的HTML代码啦


段落详解

浏览器会在段落的前后自动添加空行

如果忘记了结束标签,大多数浏览器还是可以正确运行,但是不要经常这样,有可能会造成意外的结果或错误

折行,就是在不产生一个新段落的情况下进行换行,请使用
标签,不要用

,这是个坏习惯!

同时,尽管
也能在大多数浏览器中使用,但是
还是更好喔


样式详解

style用来改变元素的样式,在开始标签

中加入,例如:

xxxxxxx

HTML基础——2017.10.12学习笔记_第3张图片
样式对于CSS文件一样有用,可以间接在独立的样式表中定义

background-color属性定义了背景颜色

近日我体内寂寞癌细胞恶化

害我成了原发性失眠者

唑吡坦控释剂地西伴氯氮卓

怎么对我不起一点效果


HTML基础——2017.10.12学习笔记_第4张图片
style属性淘汰了旧的颜色更改方式。上面的文字是我超迷的焦迈奇的《怎么我睡不着你也不来救我》的歌词嘿嘿嘿

font-family、color还有font-size定义了文本的字体、颜色、尺寸

text-align定义了文本对齐

昨天已是过去

明天更多回忆


HTML基础——2017.10.12学习笔记_第5张图片
style属性淘汰了旧的align属性

文本格式化详解

定义粗体

定义大号字,定义小号字

定义着重文字

定义斜体

定义加重语气

定义下标,定义上标

定义插入字,定义删除字

定义缩写,定义首字母缩写

定义文字方向

定义长的引用,定义短的引用

定义一个定义项目


延伸

改变文本的外观和含义

你可能感兴趣的:(HTML基础——2017.10.12学习笔记)