HTML简介-白红宇

强烈建议你试试无所不能的chatGPT，快点击我

HTML简介

阅读量：6548 次

发布时间：2019-06-24

本文共 11986 字，大约阅读时间需要 39 分钟。

HTML

　　1.全称： HyperText Markup Language

　　2.中文名称：超文本标记语言

　　3.超文本：　　　通俗理解就是包含文本，但是不止于文本，可能会包含音乐，视频等等，这些都属于超文本。

　　标记：　　　　标志符号，即为html标签的简述。

　　　语言：　　　　html严格来讲不属于编程语言，任何的标记语言（以*-ml结尾），都不能算作编程语言，因为他们只是对数据进行标记，而不对数据进行处理。

前世：　　　　在Dos年代，即dos8.3形式的缩短写法，文件名最长为8个字符，后缀最多为3个字符，所以那个时候的网页为htm.

　　4.edit_plus快捷键：

　　　　　　　　　　ctrl+j复制一行

　　　　　　　　　　ctrl+Alt+上下箭头为改变行号

　　　　　　　　　　ctrl+B在浏览器中预览

　　5.标签分类：　　

　　　　　　　　　　1）双标签：<font> </font>又开始标签和结束标签

　　　　　　　　　　2）单标签： <br />　　　　

　　6.标签书写规范

- - - 所有标签都在<>中
    - 所有标签和属性都有开始和结束，即使是单标签也有结束
    - 所有标签以及属性以及值小写　　
    - 属性和属性之间有空儿隔
    - 属性值必须加引号（单双引号都可以）　　
    - 属性必须有值　　　
    - 注意标签之间的嵌套

　　7.edit plus配色

　　　　　1）方案1

[Options]Placement=2C00000002000000030000000083FFFF0083FFFFFFFFFFFFFFFFFFFFEA000000EE000000D6050000CF030000FFWindow List=00000000000000000000000000000000FFMarker List=00000000000000000000000000000000FFFunction List=00000000000000000000000000000000FFOpen Remote=5C020000550100006404000067030000FFExpand=00000000000000000000000000000000FFProject Pos=00000000000000000000000000000000FFWorkspace Path=F:\phpcms\phpcms\user\incCliptext Window=224Cliptext Window 2=489 Output=90Output 2=170Folding=1FindX=586FindY=429Find=alignTab Index=1Cliptext=2Custom colors=6D6D7200FFFFFF00FFFFFF00FFFFFF00FFFFFF00FFFFFF00FFFFFF00FFFFFF0031282700FFFFFF00FFFFFF00FFFFFF00FFFFFF00FFFFFF00FFFFFF00FFFFFF00FFMatching Brace=1Indent guide=1[Files]Encoding=65001Backup=0Backup Remote=0[Fonts]Edit Window=F0FFFFFF00000000000000000000000090010000000000000302013143006F007500720069006500720020004E0065007700000000000000000000000000000000000000000000000000000000000000000000000000000000000000FFPrinter=F4FFFFFF00000000000000000000000090010000000000000000003143006F007500720069006500720020004E0065007700000000000000000000000000000000000000000000000000000000000000000000000000000000000000FFOutput Window=F4FFFFFF00000000000000000000000090010000000000000000003143006F007500720069006500720020004E0065007700000000000000000000000000000000000000000000000000000000000000000000000000000000000000FFCliptext Window=F4FFFFFF0000000000000000000000009001000000000001000000004D006900630072006F0073006F006600740020005900610048006500690020005500490000000000000000000000000000000000000000000000000000000000FFDocument Selector=F4FFFFFF0000000000000000000000009001000000000001000000004D006900630072006F0073006F006600740020005900610048006500690020005500490000000000000000000000000000000000000000000000000000000000FFHex Viewer=F4FFFFFF00000000000000000000000090010000000000010000003143006F007500720069006500720020004E0065007700000000000000000000000000000000000000000000000000000000000000000000000000000000000000FFCustom 1=F4FFFFFF00000000000000000000000090010000000000000000002241007200690061006C000000720020004E0065007700000000000000000000000000000000000000000000000000000000000000000000000000000000000000FFCustom 2=F5FFFFFF000000000000000000000000900100000000000000000022560065007200640061006E00610000004E0065007700000000000000000000000000000000000000000000000000000000000000000000000000000000000000FFCustom 3=F4FFFFFF000000000000000000000000900100000000000000000012540069006D006500730020004E0065007700200052006F006D0061006E0000000000000000000000000000000000000000000000000000000000000000000000FFCustom 4=F5FFFFFF0000000000000000000000009001000000000000000000224D0053002000530061006E0073002000530065007200690066000000000000000000000000000000000000000000000000000000000000000000000000000000FFCustom 5=F3FFFFFF00000000000000000000000090010000000000FF000000315400650072006D0069006E0061006C00000065007700000000000000000000000000000000000000000000000000000000000000000000000000000000000000FF[Tool Option]Top Selector=1[Colors\Text]Background=2238503Default=0Foreground=16777215[Colors\Keyword 1]Foreground=8272368Default=0[Colors\Embedded script]Foreground=16777215Default=0[Colors\Keyword 3]Foreground=16777215Default=0[Colors\Keyword 6]Foreground=8716287Default=0[Colors\Keyword 7]Foreground=8716287Default=0[Colors\Keyword 8]Foreground=8716287Default=0[Colors\Keyword 9]Foreground=8454143Default=0[Colors\Keyword 10]Foreground=8716287Default=0[Colors\Quotation]Foreground=8454143Default=0[Colors\Quotation 2]Foreground=5107956Default=0[Colors\Line comment]Foreground=10789024Default=0[Colors\Line number]Foreground=12632256Background=2238503Default=0[Colors\Folding mark -]Background=2238503Default=0[Colors\Matching words]Default=0Background=718314[Colors\Keyword 2]Foreground=16379142Default=0[Colors\Folding mark +]Background=2238503Default=0[Colors\Text selection]Background=7039851Default=0[Colors\Number]Foreground=16524240Default=0[Colors\Block comment]Foreground=8421504Default=0[Colors\Keyword 5]Foreground=15574913Default=0[Colors\Ruler]Foreground=12632256Default=0Background=2566187[Colors\Cursor indicator]Background=16777215Default=0[Colors\Indent Guide]Foreground=7499117Default=0

View Code

　　　　　 2）方案2

[Options]Placement=2C0000000000000001000000FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF93030000000000004207000038040000FFWindow List=00000000000000000000000000000000FFMarker List=00000000000000000000000000000000FFFunction List=00000000000000000000000000000000FFOpen Remote=00000000000000000000000000000000FFExpand=00000000000000000000000000000000FFProject Pos=00000000000000000000000000000000FFWorkspace Path=S:\Program Files (x86)\EditPlusCliptext Window=145Cliptext Window 2=565Output=90Output 2=158Folding=1Tab Index=1Cliptext=2Custom colors=6D6D7200FFFFFF00FFFFFF00FFFFFF00FFFFFF00FFFFFF00FFFFFF00FFFFFF0031282700FFFFFF00FFFFFF00FFFFFF00FFFFFF00FFFFFF00FFFFFF00FFFFFF00FFMatching Brace=1Indent guide=1Cliptext Edit=00000000000000000000000000000000FF[Files]Encoding=65001Backup=0Backup Remote=0[Fonts]Edit Window=F0FFFFFF00000000000000000000000090010000000000000302013143006F007500720069006500720020004E0065007700000000000000000000000000000000000000000000000000000000000000000000000000000000000000FFPrinter=F4FFFFFF00000000000000000000000090010000000000000000003143006F007500720069006500720020004E0065007700000000000000000000000000000000000000000000000000000000000000000000000000000000000000FFOutput Window=F4FFFFFF00000000000000000000000090010000000000000000003143006F007500720069006500720020004E0065007700000000000000000000000000000000000000000000000000000000000000000000000000000000000000FFCliptext Window=F4FFFFFF0000000000000000000000009001000000000001000000004D006900630072006F0073006F006600740020005900610048006500690020005500490000000000000000000000000000000000000000000000000000000000FFDocument Selector=F4FFFFFF0000000000000000000000009001000000000001000000004D006900630072006F0073006F006600740020005900610048006500690020005500490000000000000000000000000000000000000000000000000000000000FFHex Viewer=F4FFFFFF00000000000000000000000090010000000000010000003143006F007500720069006500720020004E0065007700000000000000000000000000000000000000000000000000000000000000000000000000000000000000FFCustom 1=F4FFFFFF00000000000000000000000090010000000000000000002241007200690061006C000000720020004E0065007700000000000000000000000000000000000000000000000000000000000000000000000000000000000000FFCustom 2=F5FFFFFF000000000000000000000000900100000000000000000022560065007200640061006E00610000004E0065007700000000000000000000000000000000000000000000000000000000000000000000000000000000000000FFCustom 3=F4FFFFFF000000000000000000000000900100000000000000000012540069006D006500730020004E0065007700200052006F006D0061006E0000000000000000000000000000000000000000000000000000000000000000000000FFCustom 4=F5FFFFFF0000000000000000000000009001000000000000000000224D0053002000530061006E0073002000530065007200690066000000000000000000000000000000000000000000000000000000000000000000000000000000FFCustom 5=F3FFFFFF00000000000000000000000090010000000000FF000000315400650072006D0069006E0061006C00000065007700000000000000000000000000000000000000000000000000000000000000000000000000000000000000FF[Tool Option]Top Selector=1[Colors\Text]Background=2238503Default=0Foreground=16777215[Colors\Keyword 1]Foreground=8272368Default=0[Colors\Embedded script]Foreground=16777215Default=0[Colors\Keyword 3]Foreground=16777215Default=0[Colors\Keyword 6]Foreground=8716287Default=0[Colors\Keyword 7]Foreground=8716287Default=0[Colors\Keyword 8]Foreground=8716287Default=0[Colors\Keyword 9]Foreground=8454143Default=0[Colors\Keyword 10]Foreground=8716287Default=0[Colors\Quotation]Foreground=8454143Default=0[Colors\Quotation 2]Foreground=5107956Default=0[Colors\Line comment]Foreground=10789024Default=0[Colors\Line number]Foreground=12632256Background=2238503Default=0[Colors\Folding mark -]Background=2238503Default=0[Colors\Matching words]Default=0Background=718314[Colors\Keyword 2]Foreground=16379142Default=0[Colors\Folding mark +]Background=2238503Default=0[Colors\Text selection]Background=7039851Default=0[Colors\Number]Foreground=16524240Default=0[Colors\Block comment]Foreground=8421504Default=0[Colors\Keyword 5]Foreground=15574913Default=0[Colors\Ruler]Foreground=12632256Default=0Background=2566187[Colors\Cursor indicator]Background=16777215Default=0[Colors\Indent Guide]Foreground=7499117Default=0

View Code

　　8.标签格式

- - - <开始标签属性1="" 属性2="" 属性3="" > 控制的内容 </结束标签>
    - <开始标签属性1="" 属性2="" />
    - <开始标签 />

　　9.文档结构

- - - 在网页源代码中查看时，ctrl+end回到最后，ctrl+home回到顶部。
    - 标题
    - html注释

　　·10.HTML属性　　

- - - color：默认值黑色
    - size（值1~7）：默认值是3
    - face：字体
    - font：
    - text:文字的颜色
    - background ：背景图案
    - bgproperties：背景图案固定，火狐不好用
    - 通过样式来处理背景固定问题

　　11.HTML排班标记

- - - p段落
    1. 自动在段落前后添加一个空白行
    2. 属性
      值： left （左对齐默认） center （居中对齐） right （右对齐）
    - br换行
    - hr
    1. 单标记<hr />
    2. 该标签在HTML页面中创建水平线
    3. 属性
    - - width:宽度　　值：默认是像素，也可以是百分比　　　　
      - align:对齐方式值：left center（默认） right
      - color：颜色
      - noshade阴影设置

- - - h1~h6
    1. h1最大
    2. 唯一属性align
    3. 自动换行

　　12.HTML文本修饰标记

- - - <big>相对默认文字大一些
    - <small>相对默认文字小一些
    - <b>加粗
    - <strong>加强语气
    - <i>斜体
    - <em>斜体
    - <u>下划线
    - <s>删除线
    - <ins><del>
    - <sup>内容<sub>^上标内容_下标　
    - pre 保留原格式
    - <center>内容居中</center>
    - <span>行内元素</span>
    - <div>块级元素</div>
      - 块级元素：
        
        p
        
        h1~h6
        
        pre
        
        div
      - 行内元素
        
        font
        
        b
        
        em
        
        i
        
        strong
        
        del
    - 列表
      - 有序列表
        
        样例
        
        有序列表
        
        有序列表
        
        有序列表
        
        有序列表
        
        有序列表
        
        有序列表
        
        有序列表
        
        属性
        
        start ：开始的序号
        
        type ：默认是序号（也可以是a,A,i,I）　　
      - 无序列表
        
        样例
        
        有序列表
        
        有序列表
        
        有序列表
        
        有序列表
        
        有序列表
        
        有序列表
        
        有序列表
        
        属性
        
        disc：默认的黑色点
        
        cicle：圆圈
        
        square：方块
      - 自定义列表
        
        dl
        
        dt：定义标题
        
        dd：列表内容
    - <marquee></marquee>插入一段滚动的文字
      - direction：方向
        
        left (默认)
        
        right
        
        up
        
        down
      - behavior：行为
        
        scroll默认
        
        alternate左右
        
        slide只滚动一次　
      - width ：宽度
      - height：高度
      - bgcolor：背景色
      - hspave：水平方向空白
      - vspace：垂直方向
      - scrollamount：像素/秒
      - scrolldelay：间隔单位：秒
    - bgsound：背景音乐
      - 属性
        
        src：路径
        
        loop：循环次数，设置为-1时无限循环

　　13.HTML颜色表示

- - - 以#开头
    - 以十六进制表示
    - 两两一组

　　14.计算机编码

- - - 种类
      - ASCII
      - ANSI
        
        由此产生了 GB2312、GBK、Big5、Shift_JIS 等各自的编码标准。这些使用 1 至 4 个来代表一个字符的各种汉字延伸编码方式，称为 ANSI 编码。
      - GB2312
        
        80年代，中国的编码
      - GBK
      - BIG5
      - JIS
        
        日本编码
      - ISO unicode 4
        
        A：01000001
        
        A：00000000 00000000 00000000 01000001
      - UTF-8　　　
        
        变长字符编码，由Ken Thompson于1992年创建(Unicode Transformation Format)。
    - 字节：计算机中最小的存储单位
    - 位：计算机中最小的处理单位
    - 1Byte=8bit
    - 1024bit=1KB
    - 1024KB=1MB
    - 1024MB=1GB
    - 1024GB=1TB
    - 1024Mb/8=128KB(1M=1024k)
    - 解决乱码问题
      - 编辑器编码设置
      - 浏览器编码设置
      - meta字符编码设置
        
        http-equiv:服务器通知浏览器使用什么字符来显示本页面
        
        content="text/html"：属于text大类下的html文件
        
        charset=" "设置字符编码，gbk2312简体中文，UTF-8

　　15.meta标记

http-equiv
- ```
               
```
- refresh:刷新、页面跳转

name

keywords：针对搜索引擎抓取的关键字

description：有关描述搜索引擎会形成一个摘要

　　　　　　　　　　　　　　　　　　

　　16.W3C简介

- - - World wide web consortium
    - 1994年成立
    - 制定web标准（结构（HTML）、表现（CSS）、行为(ECMAScript)）
    - 并推广web标准，敦促web开发者使用web标准

　　17.DTD文档类型定义　　　　

- - - 检测当前页面是否符合w3c标准
    - strict严格遵守类型
    - transtional过渡类型
    - frameset框架类型

　　18.图片标记

标签<img />

属性

alt：文本替换，但图片由于各种原因无法显示的时候用文字来描述网页该位置的内容

width

height

src：图片源

align：使图片浮动，脱离文本流

举例

超级文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准，超文本标记语言

加入属性后

超级文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准，超文本标记语言 它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（

border：边

对图片的宽和高只适应一个，另一个按比例自适应

　　

　　19.绝对路径和相对路径　

- - - 绝对路径
    - 先对路径

转载于:https://www.cnblogs.com/TimeIsChoice/p/8322399.html

你可能感兴趣的文章

Hadoop2.2.0安装配置手册！完全分布式Hadoop集群搭建过程~（心血之作啊~~）

《大话重构》

一起谈.NET技术，WPF与混淆器

一起谈.NET技术，C#面向对象设计模式纵横谈：Singleton 单件

Mozilla公布Firefox 2011年开发计划

Java访问类中private属性和方法

UIImage扩展方法（Category）支持放大和旋转

可复用的WPF或者Silverlight应用程序和组件设计(3)——控件级别

hibernate的一些缺陷（转）

An easy to use android color picker library

忘记Django登陆账号和密码的处理方法

C++的头文件和实现文件分别写什么

C语言 · 学生信息（P1102）

做项目，还是标准点好（对象命名标准），呵呵

iOS开发学习笔记：使用xcode里的单元测试，放在STAssert…里面的语句无法使用自动完成功能...

利用批处理文件和任务计划实现Oracle数据库的自动备份

API开发 – 让异常变得优雅

【270天】每日项目总结系列008（2017.11.02）

记一次线上CPU超高的排查过程

获取群成员邀请关系

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！-- 愿君每日到此一游！

当前时间: 2025-01-21 18:35:56 当前IP: 18.191.236.5 联系邮箱:javaeecc@qq.com Copyright © 2020 - 2022 baihongyu.com 京ICP备2021015314号-2

强烈建议你试试无所不能的CHAT-GPT，快点击我

强烈建议你试试无所不能的CHAT-GPT，快点击我