首页
学习
活动
专区
工具
TVP
发布

HTML复习之全部

今日目录

1、什么是web

2、什么是html

一、什么是web

用户通过浏览器请求服务器,服务器根据用户的请求,响应用户,用户浏览器显示的网页就是服务器相应的内容。

二、什么是html

HTML(Hyper Text Markup Language 超文本标记语言)是用来描述网页的一种语言。

今日目录

1、HTML基本结构

2、文本排版

3、设置文字列表

4、HTML标记与HTML属性

5、特殊文字符号

一、HTML基本结构

1、 标记放在 HTML 文件的开头,是一个形式上的标记;

2、 标记称为主体标记,网页所要显示的内容都放在这个标记内,它是 HTML 文件的重要所在;

3、 标记称为头标记,起的作用是放置关于此 HTML 文件的信息,如提供索引、定义 CSS 样式等;

4、 标记称为标题标记,起的作用是设定网页标题;

二、文本排版

2.1、段落标签

2.2、换行标签

2.3、标题标签~

2.4、 文字居中标签

2.5、文字段落缩进标签

三、设置文字列表

文字列表的主要作用是有序地编排一些信息资源,使其结构化和条理化,并以列表的样式显示出来;

3.1、无序列表 ul

3.2、有序列表 ol

四、HTML标记与HTML属性

在大多数 HTML 标记中都可以对属性控制,属性的作用是帮助 HTML 标记进一步控制 HTML 文件的内容,比如内容的对齐方式(如本例),文字的大小、字体、颜色,网页的背景样式,图片的插入,等等。其基本语法为:

4.1、用 align 属性控制段落的水平位置

4.2、用 bgcolor 属性设置背景颜色

4.3、设置文字的特殊样式

4.4 设置文字的大小和颜色 font 标签

五、特殊文字符号

今日目录

1、初识网页图片

2、相对路径 VS 绝对路径

3、设置图片的尺寸

4、用 alt 属性为图像设置替换文本

5、用 title 属性为图像设置标题

一、初识网页图片

二、相对路径 VS 绝对路径

三、设置图片的尺寸

四、用 alt 属性为图像设置替换文本

五、用 title 属性为图像设置标题

今日目录

1、基本文字超链接

2、设置图片的超链接

3、设置以新窗口显示链接页面

4、设置电子邮件链接

5、框架之间的链接

6、嵌入式框架 iframe

一、基本文字超链接

二、设置图片的超链接

三、设置以新窗口显示链接页面

四、设置电子邮件链接

五、框架之间的链接

框架是一种常用的网页布局工具。它的作用是把浏览器的显示空间分割为几个部分,每个部分都可以独立显

示不同的网页。

5.1、用 cols 属性将窗口分为左右两部分

5.2、用 rows 属性将窗口分为上中下三部分

5.3、框架的嵌套

5.4、用 src 属性在框架中插入网页

5.5、框架之间建立链接

六、嵌入式框架 iframe

今日目录

1、表格的基本结构

2、合并表格

3、用 align 属性设置对齐方式

4、用 bgcolor 属性设置表格背景色和边框颜色

5、用 cellpadding 属性和 cellspacing 属性设定边距

一、表格的基本结构

二、合并表格

2.1、用 colspan 属性左右合并单元格

2.2、用 rowspan 属性上下合并单元格

三、用 align 属性设置对齐方式

四、用 bgcolor 属性设置表格背景色和边框颜色

五、用 cellpadding 属性和 cellspacing 属性设定边距

5.1、cellspadding 属性设定表格单元格中的内容距离格线的距离

5.2、cellspacing 属性设定表格相邻单元格边线之间的距离。

今日目录

1、Form表单

2、文本表单

3、单选框

4、复选框

5、下拉框

6、按钮

七、文件上传

一、Form表单

表单是一个包含表单元素的区域。主要作用就是向服务器提交数据。

二、文本表单

1、文本框

2、密码框

3、文本域

三、单选框

四、复选框

五、下拉框

六、按钮

1、提交按钮

2、普通按钮

七、文件上传

今日目录

1、DIV

2、SPAN

一、DIV

HTML

元素是块级元素,它是可用于组合其他 HTML 元素的容器。

二、SPAN

HTML 元素是内联元素,可用作文本的容器。

添加小编微信可以获取免费资源,二维码

要用到的工具,关注公众号直接免费获取:

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180511G28ITM00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券