HTMLåŸºç¡€å­¦ä¹ ç¬”è®°_html/css_WEB-ITnose

1、页面

1、文件结构

......

......

.......

     
正文

2、语言字符集信息

基本上所有的网站的网页都有，现在一般都是UTF-8,和GBK2312

3、背景色彩和文字色彩

• bgcolor --- 背景色彩

• text --- 非可链接文字的色彩

• link --- 可链接文字的色彩

• alink --- 正被点击的可链接文字的色彩

• vlink --- 已经点击(访问)过的可链接文字的色彩

（颜色RGB16进制）

背景图象

4、页面空白(试了貌似不管用)

页面左边的空白

页面上方的空白(天头)

#=margin amount 5、连接

有下划线的连接

无下划线不像链接

默认的是在原来的窗口打开

target="Window_Name" (打开一个新的窗口属性)

下面百度是在新窗口打开

百度

6、标尺线

---

标尺线的高度：

---

例如：

---

标尺线的宽度：

---

例如：

---

---

标尺线的位置：

---

#=left, right

例如：

---

---

标尺线的颜色：

---

例如：

---

 
This is a heading
This is a heading
This is a heading
百度
百度1

2、字体

1、标题字体

字体由大到小

这些标记显示黑体字，自动插入空行

2、字体大小

....#=1,2,3,4,5,6,7

3、物理字体

加粗：....

斜体：.....

下划线：....

打字机文本：...

上标注：

下标注：

删除文本定义:

   加粗
斜体
下划线
打字机文本
上标注
下标注
可定义删除文本
可定义删除文本

4、逻辑字体

强调字体倾斜：

强调字体加粗：

用于表示计算机源代码或者其他机器可以阅读的文本内容:

短语标签:

键盘文本：

变量的名称

对特殊术语或短语的定义

注释作用：

小型文本：

大字号:

   加粗
斜体
下划线
打字机文本
上标注
下标注
可定义删除文本
可定义删除文本
逻辑字体
  强调字体倾斜
强调字体加粗
用于表示计算机源代码或者其他机器可以阅读的文本内容
短语标签
键盘文本
变量的名称
对特殊术语或短语的定义
注释作用
小型文本
大字号 

物理风格直接指定字体的“样式”（如粗、斜、下划线）；

逻辑风格则是指定文本的“作用”（如示例文字、缩小文字）。

就像去餐馆吃饭，点菜的时候，A告诉炒菜的师傅“炒得多一点”，这是物理风格，直接指定样式；B告诉炒菜的师傅“炒得辣一点”，这是逻辑风格，指定作用。

5、字体颜色

.....

6、客户端字体

7、字符实体

&           &<            "          "

3、文字布局

1、行的控制

空行:

换行：

不换行

2、文字的对齐

... (

......)

...

#=left, center, right
3、文字的分区显示

...

#=left, center, right 4、列表

无序列表：

• .........

有序类表:

1. ..........

定义列表：

......

.....

定制表中的标记：

#=disk,circle,square

定制有序列表表中的序号:

#=A,a,I,i,1
5、预格式化文本

.........

.....

......
6、块引用:

.......

7、闪烁

......

   
中间
大家愚人节快乐
大家愚人节快乐
大家愚人节快乐
块引用
Her Song:
When I was young, I listened to the radio waiting for my favorite songs....
定制列表元素

• ONE
• TWO
• THREE

定制列表

Today

Today is yesterday.

Tomorrow

Tomorrow is today.

有序列表

1. Today
2. Tommorow

无序列表

• Today
• Tommorow

4、图像

1、插入图像基本语法：

src对应图片的地址,alt图片的提示内容

2、图像和文字的对齐

#=top,middle,bottom 分别为上、中、下

3、边框

#=value

5、表格

1、基本语法：

... - 定义表格
- 定义表行
- 定义表头
- 定义表元(表格的具体数据)

默认的不带边框，

带边框的表格：

2、跨多行，多列的表元

跨多列的表元

跨多行的表元

3、表格尺寸设置 边框尺寸设置：

表格本身尺寸设置：

表元间隙设置:

表元内部空白设置:

4、表格内文字的对齐和布局

#=left, center, right

5、表格在页面的对齐

#=left right center
6、表格标题

7、表格色彩

标题

HTML	MySql	Css
A	B

8、表格中分隔线的显示

显示所有的分隔线：

只显示组与组之间的分隔线：

只显示行与行之间的分隔线：

只显示列与列之间的分隔线 :

不显示任何分隔线:

6、表单

1、基本语法

(提交方法一般都是POST或者GET)

（enctype=”multipart/form-data”提交文件）

.........

.........

一般的数据提交方式都是通过表单来完成的

下面试表单中提供给用户的输入形式

文字输入：*=text

密码输入：*=passwd

复选框：*=checkbox （默认选中 checked="checked'）

单选框：*=redio

图像坐标：*=image

隐藏表单元素：*=hidden

文件：type=file

列表选择框:

文本区域：

7、移动的文字

1、基本语法

.....

2、文字移动的属性设置

..... #=left,right（移动的方向，向右，向左）

3、方式：

.....

#=scroll（一圈一圈绕着走）

#=slide（只走一次）

#=alternate (来回走)

4、循环

..... #=次数

5、速度

..... #=速度

6、延时

..... #=时间

8、多媒体内容

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系[e-mail]核实处理。

相关文章

相关视频

---

• html下拉菜单文字怎么变小
• HTML里怎么设置thead表头的颜色
• html5中元素能拉伸宽度吗
• html中怎么清除li黑点
• HTML基础学习笔记_html/css_WEB-I...

• 接口与抽象类01
• 类的composer自动加载机制
• composer原理与常用命令03
• composer原理与常用命令02

网友评论

文明上网理性发言，请遵守 新闻评论服务协议

我要评论

立即提交

专题推荐

• 独孤九贱-php全栈开发教程

  全栈 170W+

  主讲：Peter-Zhu 轻松幽默、简短易学，非常适合PHP学习入门

• 玉女心经-web前端开发教程

  入门 80W+

  主讲：灭绝师太 由浅入深、明快简洁，非常适合前端学习入门

• 天龙八部-实战开发教程

  实战 120W+

  主讲：西门大官人 思路清晰、严谨规范，适合有一定web编程基础学习

作者信息

php中文网

认证0级讲师

发布技术文章

• 最新文章
• 热门排行

• html中怎么清除li黑点
• html下拉菜单文字怎么变小
• HTML里怎么设置thead表头的颜色
• htmlçš„nameå’Œvalue是什么意思
• html如何给背景图片设置透明度
• html中怎么让列表横向排列
• html5怎么创建跳转页尾超链接
• 十分钟搞懂form标签中的GETå’ŒPOST提交方式

• 404 not found是什么意思
• DOM是什么意思
• url是什么意思？
• 如何改变图片大小
• html是什么
• html如何创建电子邮件链接
• HTML编辑器有哪些？最好用的4款HTML编辑器推荐
• 如何制作一个简单的HTML登录页面（附代码）

推荐视频教程

javascript初级视频教程

jquery 基础视频教程

视频教程分类

• php视频教程
• html视频教程
• css视频教程
• JS视频教程
• jQuery视频教程
• mysql视频教程
• Linux视频教程
• Python视频教程

• 网站首页
• PHP视频
• PHP实战
• PHP代码
• PHP手册
• 词条
• 手记
• 编程词典
• php培训

php中文网：公益在线php培训，帮助PHP学习者快速成长！

Copyright 2014-2021 https://www.php.cn/ All Rights Reserved | 苏ICP备2020058653号-1关于我们免责申明赞助与捐赠广告合作

  

");}}}}topobj_second.html(topsecond);topobj_minutes.html(topminutes);topobj_hours.html(tophours);topobj_day.html(topday);},1000);}$('.topimages .layui-icon-close').click(function(){$.cookie('phpcndatatopadshows',1,{expires:7});$('.topimages').hide();});