HTML系列(HTML基础介绍)

HTML简介:

HTML超文本标记语言(HyperText Markup Language)

(描述网页的一种语言:HTML文档 = web页面)

HTML文档后缀名.html / .htm

HTML编辑器:

Notepad++、Dreamweaver(DW)(初学者推荐)、HBuilder、Sublime Text、Vscode 等

HTML运行浏览器:

谷歌(Chrome)、火狐(Firefox)、Opera、IE、Safari(苹果)

HTML文件:

1. 声明HTML5 文档

2. HTML 页面的根元素

...

包含了文档的元数据声明编码,否则会出现l乱码。
文档标题文档标题 
文档与外部资源之间关系(样式表)
HTML文档的样式文件引用地址
HTML文档中所有的链接标签的默认链接

网页显示区域(一般要实现的代码都在这里写)



    
        
        
    
    
    

HTML标签:

单一型:

1.<标签/>无设置值(如:

) 2·<标签 属性=”属性值”>有设置值(如:

对称性:(<开始标签>...

1·<标签>...无设置值(如:...)
2·<标签 属性=”属性值”>...有设置值(如:...)

HTML常用标签:


换行


一条水平直线(例:

属性名称 属性值 说明
size 像素/百分比 属性值越大,线越粗
width 像素 绝对设置,长度不会随着视窗的改变而改变
width 百分比 相对设置,长度会随着视窗改变而改变
noshade noshade 实体线

...

段落(例:

属性名称 属性值 说明
align left 文本左对齐(默认)
align center 文本居中对齐
align right 文本右对齐

...(例:)

属性名称 属性值 说明
bgcolor 颜色/16进制(#f00红色) 背景色
text 颜色/16进制(#f00红色) 文字颜色
leftmargin 像素 整体页面的距左右的距离
topmargin 像素 整体页面的距上下的距离

...


...


...


...


...

...
标题(例:

...

属性名称 属性值 说明
align left 靠左对齐
align center 居中对齐
align right 靠右对齐
HBuilder

谷歌(Chrome)浏览器

...加粗
加强语气(加粗)
...删除线
删除字(删除线)
... 下划线
...插入字(下划线)
...斜体
... 加强语气(倾斜)
sub 下标(例:二氧化碳)
sup上标(例:幂次方)
...小号字

...
文字格式化
...定义计算机代码
...定义键盘码
...定义计算机代码样本
...定义一个定义项目(斜体)
... 定义变量(斜体)
地址(斜体)
...文字缩写(当鼠标滑过时会显示缩写的内容)
... 文字方向

属性名称 属性值 说明
dir ltr 文字从左往右显示 (默认)
dir rtl 文字从右往左显示

...
定义长的引用

属性名称 属性值 说明
cite URL 规定引用的来源。

...定义短的引用语(引号)
...定义引用、引证(斜体)

常用特殊字符(HTML实体):

HTML实体

HTML注释:

格式为:

(在浏览器中不显示注释的内容)

你可能感兴趣的:(HTML系列(HTML基础介绍))