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

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

              的嵌套一样,也都是在

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

              最后编辑于
              ©著作权归作者所有,转载或内容合作请联系作者
              • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
                沈念sama阅读 217,406评论 6 503
              • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
                沈念sama阅读 92,732评论 3 393
              • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
                开封第一讲书人阅读 163,711评论 0 353
              • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
                开封第一讲书人阅读 58,380评论 1 293
              • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
                茶点故事阅读 67,432评论 6 392
              • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
                开封第一讲书人阅读 51,301评论 1 301
              • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
                沈念sama阅读 40,145评论 3 418
              • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
                开封第一讲书人阅读 39,008评论 0 276
              • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
                沈念sama阅读 45,443评论 1 314
              • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
                茶点故事阅读 37,649评论 3 334
              • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
                茶点故事阅读 39,795评论 1 347
              • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
                沈念sama阅读 35,501评论 5 345
              • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
                茶点故事阅读 41,119评论 3 328
              • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
                开封第一讲书人阅读 31,731评论 0 22
              • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
                开封第一讲书人阅读 32,865评论 1 269
              • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
                沈念sama阅读 47,899评论 2 370
              • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
                茶点故事阅读 44,724评论 2 354

              推荐阅读更多精彩内容

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