原标题:html基本操作,看了这些你就能做简易网页?

1.HTML基本标签

HTML(HyperTextMark-upLanguage)即超文本标记语言或超文本链接标示语言,是WWW的描述语言。

HTML文档的结构

HTML标签由标签、属性、内容组成,属性与内容可选。

包含内容的标签以开始,…>结束,不包含内容的标签可以是如下格式:

属性的值尽量用双引号或单引号修饰

标签中的内容可以是其他的标签,称为原标签的子标签,子标签必须在父标签结束之前结束

2.页面背景色或背景图像

Hello World!

(网页背景图像)

Hello World!

(网页背景色彩)

3.文本相关标签

字体、字号:

标题标签

,标签。

行的控制

段落标签

,换行标签

标题标签

... ,#=1, 2, 3, 4, 5, 6 (说明:

字体大小依次递减)

下标文字,上标文字,删除线。

段落标签

,换行标签

内容分隔


标签


标签用于在页面上绘制水平线。

图像标签

图像的基本语法:

页面链接标签

要链接到同一目录 (C:HTML) 下的页面,可编写 或

链接到本页面:

图像链接

滚动标签

滚动文字或图像

说明:scrolldelay:表示滚动延迟时间,默认值为90;direction:表示滚动的方向,默认为从右向左。

2.HTML/CSS基础

目标:掌握列表的用法

使用表格的基本结构实现简单表格

使用表格相关标签实现跨行、跨列的复杂表格

会使用表单的基本结构制作表单页面

会使用各种表单元素实现注册页面

能理解post和get两种提交方式的区别

无序列表标签

  • 用于页面中没有顺序的列举项。

格式:

type属性设置标号的类型,值可以取:

1 disc :实心圆点

2 circle :空心圆点

3 square :实心方块

无序列表

有序列表

  1. 用于说明页面中的某些成分,需要按特定的顺序排列。有序列表的每项都有连续的编号。

格式:

type设置标号的类型,值可以取:

1 1:显示数字

2 A:显示大写字母

3 a:显示小写字母

4 I:显示大写罗马数字

5 i:显示小写罗马数字

有序列表

嵌套列表:一个列表作为另一个列表的一部分,即多层列表。

嵌套列表

表格

门户网站应用表格

表格的基本语法

如何创建表格

创建表格

表格表现

表头与标题

域名数量报表的创建

域名数量报表

什么是跨行跨列的表格

1.跨多列的表格

2.跨多行的表格

3.如何创建跨行跨列的表格

表格的尺寸和边框

品牌商城表的创建

width用来设置表格的宽度;height用来设置表格的高度;border用来设置表格边框尺寸大小;bordercolor用来设置表格边框颜色。

品牌商城表

背景:background属性用来设置表格的背景图片;bgcolor属性用来设置表格、行、列的背景色。

对其方式:align属性用来设置表格、行、列的对齐方式。

文本框基本语法

文本框的建设

文本框

密码框基本语法

密码框的建设

密码框,22个字符宽度

单选按钮基本语法

单选按钮的建设

单选按钮框

复选框基本语法

列表框基本语法

多行文本框基本语法

内容

按钮基本语法

其他表单元素:表单隐藏域

表单图片按钮

文件浏览

标签

标签可以绑定某个表单元素,用于扩展可以相应点击等事件的区域

如:当点击复选框右边的提示文字时,该复选框也可被选中。

内容有限,关于css,div和网页布局的部分就下次在和大家分享吧!返回搜狐,查看更多

责任编辑:

怎样用html做网页上的小标,html基本操作,看了这些你就能做简易网页?相关推荐

  1. 360环物如何发布html,制作网页上的360度旋转全景图PixMaker使用详细教程

    PixMaker是一个简单方便的360度全景图片制作软件,它可以将描写一个环型场景的多个连续图片无缝地接合在一起,形成一个360度"场景"图片.可以在网页上播放,使你的页面更加生动 ...

  2. 基于ZYNQ的网页上传BMP图片至HDMI端口输出实例

    目录 Change Log 0 前言 0.1 系统实现 0.2 源码下载 0.3 项目信息 1 ZYNQ开发板HDMI输出BMP图片功能:FPGA相关 1.1 系统框图 1.2 RTL图 1.3 Bl ...

  3. 网页代码常用小技巧!(2)

    网页代码常用小技巧!(2) [转] 41.变换网页的鼠标光标 〈BODY style=CURSOR: url(http://203.73.125.205/~liangmi2/farmfrog01.cu ...

  4. html5怎么画机器猫,不用HTML5/CSS3如何在网页上画机器猫

    不用HTML5/CSS3如何在网页上画机器猫 (2010-10-30 13:36:06) 前段时间有人用 CSS3 技术在网页上画了一个机器猫,可以用来测试各大浏览器对 CSS3 的支持程度,不用说, ...

  5. html页面在ie上出现404怎么解决,ie浏览器网页上有错误解决方法详解

    ie浏览器网页上有错误解决方法详解 最近网友反馈我的浏览器左下角总显示"网页上有错误",我已经修复过IE了,可是不管用.然后在浏览器上看不到网上的视频和图片的播放.在QQ空间上输入 ...

  6. 网页上的base64码太长?科普base64到底是啥

    一.前言 书接上回,上次是通过返回base64码给前端页面,实现了我们访问项目外图片的目的.只是代码实在是太长了,不好看啊,得想办法优化下.顺带了解下base64到底是啥,用着好不好,会不会影响速度呢 ...

  7. 网页上做笔记--Diigo

    一.介绍 diigo是一个可以在网页上做笔记的浏览器插件,也就是说直接在网页上使得某一行高亮,或者添加注释,并且关闭后重新打开笔记不会消失!!diigo可以收藏网页.在网页上做笔记,用浏览器打开pdf ...

  8. html网页收藏夹小图标,在网页标题栏上和收藏夹显示网站logo的实现方法

    在网页标题栏上和收藏夹显示网站logo的实现方法 发布时间:2016-03-16 15:30:32   作者:佚名   我要评论 下面小编就为大家分享一篇在网页标题栏上和收藏夹显示网站logo的实现方 ...

  9. 如何在网页上做笔记?

    做笔记,不是为了把内容放进自己的笔记库,而是为了让我们抓住自己转瞬即逝的灵感. 每一天,我们会对着各种信息载体有所触动,然后需要及时进行记录.仅谈记录这个事儿,其实至今为止,纸和笔是最合适的.但是你也 ...

最新文章

  1. 浅析深度学习中Batch Size大小对训练过程的影响
  2. java网页爬虫xml_基于webmagic的java网页爬虫,抓取网页指定节点,然后使用dom4j分析xml数据...
  3. 科技领域看不见的手如何影响企业未来命运
  4. 开发日记-20190824 关键词 读书笔记《掌控习惯》DAY 3
  5. Jenkins + Git + Maven + tomcat集成环境搭建
  6. KVC/KVO 使用细节和调用顺序
  7. php-cgi.exe系统错误 无法启动程序,因为计算机中丢失api-ms-win-crt-conio-l1-1-0.dll 尝试解决安装该程序以解决此问题
  8. [Leetcode] Binary Tree Maximum Path Sum
  9. 让您变的更智慧 秘笈145条(上)
  10. TCP流式套接字的异步事件WSAAsyncSelect编程
  11. c语言运行k值不变,C语言期末复习(改完).doc
  12. pythopn tuple(元组)
  13. 如何区分国内上网环境中不同的人为网络故障
  14. 基于端到端深度强化学习的柔性作业车间调度问题研究
  15. php 中文手册下载
  16. 功能性能服务器图标,SQL Server服务器的图标及其功能
  17. 单片机仿真软件 linux,免费的单片机和电路仿真软件SimulIDE,从此再也不用花钱买开发板了...
  18. 腾讯云服务器如何安装宝塔面板?
  19. 原来《羊了个羊》也求助了云,拦截bot自动化攻击达5000万次 | CCF C³
  20. ArcGIS点集之间两两连线

热门文章

  1. 最大电流1A,峰值电流1.1A单节锂离子电池充电芯片DP4056使用注意事项
  2. 广州华资应届生Java面试2022-4-20
  3. java mp3格式要jmf吗_JMF java播放MP3文件
  4. #使用Python的turtle绘制正六边形、叠边形
  5. 什么是尖端放电?什么叫电击?什么叫暂态电击?什么叫稳态电击?
  6. java 档案管理系统_基于jsp的档案管理系统-JavaEE实现档案管理系统 - java项目源码...
  7. 关于组织幼儿园故事教学活动过程有感
  8. mysql iops 测试_MySQL数据库入门:FIO测试磁盘IOPS
  9. Android——Fragment懒加载
  10. geoserver 发布tif影像图层,黑边去除