HTML基础

HTML标记的语法

双边标记:<标记名称属性1=“属性值1”属性2=“属性值2”>

一个人可以看成一个对象,人对象有身高、体重、年龄、学历等特征

例如:<张三height=”180”weight=”200”age=”200”edu=”研究生”>

例如:李四

单边标记:<标记名称属性1=“属性值1”属性2=“属性值2”>

说明:单边标记起一个特殊的作用,比如:换行标记、水平线等

例如:


水平线标记


换行标记

字体修饰标记

加粗:内容

斜体:内容

下划线:内容

下标:

上标:

字体颜色、大小:内容

例如:大家好

解决网页乱码的问题:要保证各个环节的字符编码一致

(1)编辑器的编辑环境的字符集(默认字符集):Ctrl+U

常用的编码GB2312(简体)、GBK(简体)、BIG5(繁体)、UTF-8(多国语言编码)

(2)标记的字符集设定与编辑环境的字符集一致

字符集设置:

(3)PHP的字符集设置

(4)MySQL的字符集设置

注意:不需要考滤浏览器的字符集。

任何软件的默认字符编码都是ANSI编码,ANSI在中国,对应的具体的编码是GBK或GB2312。

的常用属性

Text:指网页的前景颜色,就是指网页中的文本颜色;

bgColor:网页的背景颜色

background:网页背景图片路径。background=”images/bg.gif”

例如:

排版标记

1、水平线:

常用的属性:

Size:指定水平线的粗细,单位默认是像素,例如:size=5

Width:指定水平线的宽度,取值:固定值、百分比。例如:width=500width=50%

Align:水平线的水平对齐方式,取值:left、center、right

Noshade:不加阴影,也就是纯色显示,该属性比较特殊,没有属性值。

提示:HTML中的标记及属性,不区分大小写。

例如:

2、段落标记:

Align:水平对齐,取值:left、center、right

提示:在段落的前后,会自动插入一个空行。

3、标题标记

一级标题:

二级标题:

三级标题:

四级标题:

五级标题:

六级标题:

4、预排版标记

含义:将保留其中的所有的空白字符(空格、换行符)。原封不动的输出结果。

说明:真正排网页过程中,

标记几乎用不着。但在PHP中用于打印一个数组时使用。

HTML字符实体

空格:

>:>

<:<

&:&

人民币:¥

版权:©

乘号:×

除号:÷

项目符号(无序列表)标记

标记结构:

    内容

    内容

    ……

    常用属性:

    Type:指定项目符号的类型,取值:disc(实心圆点)、circle(小圆圈)、square(方块)

    提示:这个type属性,既可能给

    添加,也可以给

    添加。

    注意:项目符号可以是图片,但是通过CSS设置

    标记的背景图片来实现。(CSS中讲)

    项目符号之间相互嵌套

      北京市

        海淀区

        朝阳区

        东城区

        广州市

          天河区

          越秀区

          天津市

          说明:项目符号嵌套,是在某一个

          标记中来嵌套一个完整的

          标记。

          编号列表(有序列表)标记

            内容

            内容

            ……

            常用的属性:

            Type:编号的类型,取值:1、a、A、I(大罗马)、i(小罗马)

            Start:从第几开始编号,取值只能是数字。

            编号列表的应用

              HTML

              CSS

              JavaScript

              PHP+MySQL

              编号列表相互嵌套:跟上面

              的嵌套一样,也都是在

              标记中,来嵌套一个完整的

              最后编辑于
              ©著作权归作者所有,转载或内容合作请联系作者
              平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

              推荐阅读更多精彩内容

              • HTML基础 本文包括 HTML基本知识与结构 HTML常见标签 标签写法与嵌套的讨论 HTML、CSS、java...
                廖少少阅读 6,330评论 2 21
              • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
                卡卡罗2017阅读 135,306评论 19 139
              • 第一节:HTML基础 什么是浏览器 浏览器是网页运行的平台,常用的浏览器有IE、火狐(Firefox)、谷歌(Ch...
                单行道MY阅读 4,857评论 0 14
              • Web开发分成前端(HTML+CSS+JS)+后台(Java/PHP/.net/JS) 1. 前端基本概念 网页 ...
                jdzhangxin阅读 3,229评论 0 2
              • 弱冠好幾,还沒遇到命中注定。 朋友说:「你白白胖胖,牛高馬大,怎么这么久还沒找到女朋友啊,到底是你的要求高,還是你...
                叫我陈小胖就打死你阅读 2,578评论 0 0