怎样用html做网页上的小标,html基本操作,看了这些你就能做简易网页?
原标题: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 :实心方块
无序列表
有序列表
- 用于说明页面中的某些成分,需要按特定的顺序排列。有序列表的每项都有连续的编号。
格式:
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基本操作,看了这些你就能做简易网页?相关推荐
- 360环物如何发布html,制作网页上的360度旋转全景图PixMaker使用详细教程
PixMaker是一个简单方便的360度全景图片制作软件,它可以将描写一个环型场景的多个连续图片无缝地接合在一起,形成一个360度"场景"图片.可以在网页上播放,使你的页面更加生动 ...
- 基于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 ...
- 网页代码常用小技巧!(2)
网页代码常用小技巧!(2) [转] 41.变换网页的鼠标光标 〈BODY style=CURSOR: url(http://203.73.125.205/~liangmi2/farmfrog01.cu ...
- html5怎么画机器猫,不用HTML5/CSS3如何在网页上画机器猫
不用HTML5/CSS3如何在网页上画机器猫 (2010-10-30 13:36:06) 前段时间有人用 CSS3 技术在网页上画了一个机器猫,可以用来测试各大浏览器对 CSS3 的支持程度,不用说, ...
- html页面在ie上出现404怎么解决,ie浏览器网页上有错误解决方法详解
ie浏览器网页上有错误解决方法详解 最近网友反馈我的浏览器左下角总显示"网页上有错误",我已经修复过IE了,可是不管用.然后在浏览器上看不到网上的视频和图片的播放.在QQ空间上输入 ...
- 网页上的base64码太长?科普base64到底是啥
一.前言 书接上回,上次是通过返回base64码给前端页面,实现了我们访问项目外图片的目的.只是代码实在是太长了,不好看啊,得想办法优化下.顺带了解下base64到底是啥,用着好不好,会不会影响速度呢 ...
- 网页上做笔记--Diigo
一.介绍 diigo是一个可以在网页上做笔记的浏览器插件,也就是说直接在网页上使得某一行高亮,或者添加注释,并且关闭后重新打开笔记不会消失!!diigo可以收藏网页.在网页上做笔记,用浏览器打开pdf ...
- html网页收藏夹小图标,在网页标题栏上和收藏夹显示网站logo的实现方法
在网页标题栏上和收藏夹显示网站logo的实现方法 发布时间:2016-03-16 15:30:32 作者:佚名 我要评论 下面小编就为大家分享一篇在网页标题栏上和收藏夹显示网站logo的实现方 ...
- 如何在网页上做笔记?
做笔记,不是为了把内容放进自己的笔记库,而是为了让我们抓住自己转瞬即逝的灵感. 每一天,我们会对着各种信息载体有所触动,然后需要及时进行记录.仅谈记录这个事儿,其实至今为止,纸和笔是最合适的.但是你也 ...
最新文章
- 浅析深度学习中Batch Size大小对训练过程的影响
- java网页爬虫xml_基于webmagic的java网页爬虫,抓取网页指定节点,然后使用dom4j分析xml数据...
- 科技领域看不见的手如何影响企业未来命运
- 开发日记-20190824 关键词 读书笔记《掌控习惯》DAY 3
- Jenkins + Git + Maven + tomcat集成环境搭建
- KVC/KVO 使用细节和调用顺序
- php-cgi.exe系统错误 无法启动程序,因为计算机中丢失api-ms-win-crt-conio-l1-1-0.dll 尝试解决安装该程序以解决此问题
- [Leetcode] Binary Tree Maximum Path Sum
- 让您变的更智慧 秘笈145条(上)
- TCP流式套接字的异步事件WSAAsyncSelect编程
- c语言运行k值不变,C语言期末复习(改完).doc
- pythopn tuple(元组)
- 如何区分国内上网环境中不同的人为网络故障
- 基于端到端深度强化学习的柔性作业车间调度问题研究
- php 中文手册下载
- 功能性能服务器图标,SQL Server服务器的图标及其功能
- 单片机仿真软件 linux,免费的单片机和电路仿真软件SimulIDE,从此再也不用花钱买开发板了...
- 腾讯云服务器如何安装宝塔面板?
- 原来《羊了个羊》也求助了云,拦截bot自动化攻击达5000万次 | CCF C³
- ArcGIS点集之间两两连线
热门文章
- 最大电流1A,峰值电流1.1A单节锂离子电池充电芯片DP4056使用注意事项
- 广州华资应届生Java面试2022-4-20
- java mp3格式要jmf吗_JMF java播放MP3文件
- #使用Python的turtle绘制正六边形、叠边形
- 什么是尖端放电?什么叫电击?什么叫暂态电击?什么叫稳态电击?
- java 档案管理系统_基于jsp的档案管理系统-JavaEE实现档案管理系统 - java项目源码...
- 关于组织幼儿园故事教学活动过程有感
- mysql iops 测试_MySQL数据库入门:FIO测试磁盘IOPS
- Android——Fragment懒加载
- geoserver 发布tif影像图层,黑边去除