HTML概念

dd.png

  1. html是超文本标记语言
  2. html是英文缩写 Hypertext Markup Language


HTML发展史

1、1993 ietf HTML1.0版本
2、1995 W3c(www)万维网 更新HTML2.0
3、1996 - 1999 html4.0(基础)
4、2000 XHTML1.0(xml html)
5、2014至今 HTML5.0

特点：
1、HTML不需要编译，直接通过浏览器展现
2、HTML文件是一个文本文件
3、必须使用HTML /HTM作为文件的后缀名
4、大小写不敏感，HTML与html一样

开发工具：
1、普通：记事本、word
2、Dreamviewer — DW webstorm — ws sublime hbuilder — app

基本结构

  1. <!DOCTYPE html>
  2. <html>
  3. <head lang="en">
  4.     <meta charset="UTF-8">
  5.     <title></title><!-- 这是网页标题 -->
  6. </head>
  7. <body><!-- 下面的是网页内容 -->
  8. </body>
  9. </html>

DOCTYPE 文档类型声明

1、<!DOCTYPE html>声明必须放置到文档第一行
2、<!DOCTYPE>声明不是html标签

注释： 快捷键 CTRL+/

文字和段落：

1、标题标签：

~

2、段落标签：


属性： align属性：
left 左对齐内容
Right 右对齐
Center 居中
Justify 对行进行伸展，这样每行都可以有相等的长度

换行标签：

换行不换段

表示空格

Pre标签：预格式化标签

修饰标签和特殊符号：

1、水平线：


2、文字斜体：
3、加粗：
4、下标：
5、上标：

标签补充

1.div标签：这是一个区块容器标签可以包裹段落，表格，图片，等各种html元素
2.span：没有实际义一，为了应用样式

块级标签

占据一行，换行显示
div, ul, ol, li, dl, dd, h1~h6, p, form, hr, …

行级标签

在一行内显示，不换行
b, em, img, input, a, sup, sub, textarea, span….

特殊符号：

空格
< <
> >
© 版权
® 已注册
™ 商标

列表分类

列表标签分为三部分：

1、无序列表


  • 列表1

  • 列表2

  • 列表3

  • 列表4

属性 type 1、disc圆点 2、square正方形 3、circle空心圆

2、有序列表


属性 type
1、1 数字1，2。。
2、a 小写字母：a b c
3、A ABC
4、i 小写罗马数字i ii iii
5、I 大写罗马数字 I II III

3、定义列表


标题1

描述1

描述2

标题2

描述1

描述2

路径链接

图像标签 HTML入门 列表 路径 - 图3

img属性：
src（必须） url 显示图像的地址
Alt 文字 图像替代的文本
Height 数值和百分比 图像的高度 — px像素 20%百分比
Width 数值和百分比 图像的宽度 — px像素 20%百分比

Src路径：

1、绝对路径：指的是具体盘符下的路径
2、相对路径:指的是相对于当前文件夹的这个图片的路径

相对路径分为3种情况：

1、html文件和1.jpg处于同一级目录
2、1.jpg处于html文件的下一级
3、1.jpg处于html文件的上一级 ../../../

超链接 — 锚链接

语法：内容
Href：链接地址，可以是内部，可以是外部
Target：链接的目标窗口 _self -blank _top _parent
Title:链接提示的文字
Name:链接命名 —- 通过href定义，去跳转到name锚点定义的位置

语法：
目录1
目录2

内容
Xxxxxxxxxxxxxxxxxxx
内容
Xxxxxxxxxxxxxxxxxxx

不同页面的锚链接

语法：
网页1：…….
网页2：…..

电子邮件链接

语法：……..

文件下载:

1、如果路径是地址打开的相应的地址
2、如果是文件就会进行下载
3、语法格式：