HTML基础 - 图1HTML基础 — 1.docx
    1.HTML: 超文本标记语言 全称是:Hypertext Markup language
    2.HTML的特点: HTML不需要编译,直接通过浏览器展现 ;HTML文件是一个文本文件 ;必须使用HTML /HTM作为文件的后缀名 ;大小写不敏感,HTML与html一样 。
    3.基本结构分为三部分 :头部信息、网页主题部分、整个HTML文件
    1、头部信息
    image.png
    2、网页主题部分
    image.png
    3、整个html文件
    image.png
    4、添加标签的属性的语法:<标签名 属性名1=”属性值” 属性名2=”属性值”>….</标签名>
    5、文档段落
    1、文档类型声明 DOCTYPE
    2、<!DOCTYPE>声明必须放在HTML文档的第一行
    3、<!DOCTYPE>声明不是HTML标签
    6、网页编码设置:当网页显示出现乱码时,在 之间添加处理中文乱码标签
    注意:utf-8 gbk gb2312 iso8859-1
    7、常用的一些标签
    文字和段落
    标题标签:

    ~

    段落标签:


    align属性 — 对齐方式的属性:
    left 左对齐内容
    Right 右对齐
    Center 居中
    Justify 对行进行伸展,这样使得每行都会有相等的长度
    换行标签:

    预编译:
    1.  

    修饰符标签和特殊符号:
    水平线标签:

    文字斜体:
    加粗:
    下标:
    上标:
    特殊符号:
    < <
    > >
    ® 已注册
    © © 版权
    ™ TM商标
      space空格
    font标签 字体标签 — html(h4)不赞成 html5(h5)不支持
    注释标签 — 注释的文本在浏览器是不展现的, 做解释说明。
    span 文本标签 — label 标签 纯文本标签 — 不加任何标签
    div 盒子标签 包裹标签 块状标签 — 这个标签可以包容万物
    img标签 包裹图片的
    img属性:img src=”” alt=””/
    src — url — 显示图像的地址
    alt — 文字 — 图像替代文本
    height — 数值和百分比 — 图像的高
    width — 数值和百分比 — 图像的高(px表示像素/用%百分比表示,该图片占父容器的百分之多少)
    Img下的src属性 — 设计到图像的路径问题:
    绝对路径 — 指的是具体盘符下的具体路径
    相对路径 — 指的是相对于当前文件的这个图片的路径
    处于同一级目录中
    图片处于文件的上一级
    图片在img文件的下一级 ../../../
    列表标签
    无序列表标签:ul
    type属性:
    disc 圆点
    square 正方形
    circle 空心圆
    有序列表标签:ol
    type属性:
    数字 1 2 3。。。。
    小写字母 a b ….
    大写的字母 A B …
    小写罗马数字i ii iii
    大写的罗马数字I II III
    定义列表标签:dl > dt(列表项名字)/dd(具体列表内容)
    定义标签内可以有多个dt
    对于每一个dt可以有多个dd
    超链接 a标签
    语法:内容
    href:链接地址,可以是内部链接也可以是外部链接
    target:链接的目标窗口 — _self _blank _top _parent(_self — 和默认形式一样,都是默认当前打开页面 _blank — 表示点击另开一个页面)
    titile:链接提示文字
    name:链接命名
    锚链接 语法:内容 — 同一个页面内
    href:链接地址
    name:链接命名
    目录1
    内容
    锚链接 语法:内容 — 不同页面
    语法:
    网页1:…..
    网页2:…..
    超链接扩展功能:
    电子邮件链接:….