H5(HTML)网页制作基础
HTML网页
HTML（Hyper Text Markup Language）的全称为超文本标记语言，是一种标记语言。
它包括一系列标签。
双击桌面《此电脑》或者Win键+E键
或者右击《开始》菜单，找文件资源管理器
让计算机显示文件的扩展名
打开记事本程序
开始菜单—搜索：记事本
保存一个文件，文件名是index.html
在记事本里面，输入如下内容：
内容（任意字符）
备注：是一个标记，告诉计算机，这个是网页文件，是一个标记，告诉计算机网页到这里结束了
是一个标记，告诉计算机，这里开始是网页的内容正文，告诉计算机内容结束。
文字的标题标记
我和我的祖国，一级标题
我和我的祖国，二级标题
我和我的祖国，三级标题
备注：写完保存文件，浏览器测试看效果 h1是一级标题，h2是二级标题,以此类推,有6级标题.
段落标记例子
你好北京
hello world
测试段落效果
备注：
和
是一个段落标记
准备一个图片素材
搜索 *.jpg 或者 *.png
找到自己满意的图片，复制到桌面
改文件名为a或b（方面后面使用）
HTML链接标记
测试下链接效果
点我啊 戳我啊 备注:通过 和标记这里是一个链接 href定义点击链接后要打开谁
图片标记例子
我的靓照 
备注：这里的 标记告诉计算机这里是图片,src后面写图片的文件名
控制图片的大小：
我的靓照 备注：width宽度，height高度
文字的视觉效果例子：
欢迎来到我的网页
备注：和括起来的所有内容，有动画效果，bgcolor定义背景颜色 颜色可以使用英文或者颜色代码
欢迎来到我的网页
如果我的工作，经常需要修改html文件，纯手动改代码有困难，可以安装notepad++,或者其他能自动补齐的工具！
HTML样式–背景颜色例子：
我和我的祖国
我的一段新文字
备注：在body,h1,p里面都加style样式，background-color定义背景颜色
HTML样式–字体颜色、字体大小例子：
我和我的祖国
我和我的祖国
+++++++++++++++++++++++++++++++++++
我和我的祖国
我和我的祖国
备注：color定义字体颜色，分号分隔font-size定义字体大小,20px代表20像素
HTML样式–边框例子
这里是网页内容（任意输入） 备注：margin-left是左边距，margin-right是右边距，border是定义边框,2px是粗细,dashed是边框用线做边框
HMTL表格
| 第一行，第一列 | 第一行，第二列 |
| 第二行，第一列 | 第二行，第二列 |
备注：和 表格的标记，告诉计算机这里有表格 border边框，和是行，和是列
HTML无序列表
脑黄金
- 聪明
- 美颜驻容
- 延年益寿
备注：
- 和
定义无序列表，里面的每个
- 是一个列表内容
HTML有序列表
脑黄金
- 聪明
- 美颜驻容
- 延年益寿
备注：
- 和
定义无序列表，里面的每个
- 是一个列表内容
HMTL下拉菜单
你喜欢什么汽车品牌
大众 长城 奥拓 小鹏 蔚来 备注：
代表回车 , 和是下拉菜单的标签 里面的option就是下拉菜单的每个选项HTML文本框例子1
给我留言: 备注：和定义表单，表单type样式可以是"text","radio","submit" text是文本框，radio是选择框，submit是提交框 input让别人在网页里面输入内容，size就是大小
HTML文本框例子2
请登录...
账户:
密码:HTML文本框例子2
请登录...
账户:
密码:HTML选择框例子
请选择性别:
男
女菜单
电子产品
女士衣服
男士衣服
H5(HTML)网页制作基础相关推荐
- 《Dreamweaver CS6完美网页制作——基础、实例与技巧从入门到精通》——1.3 常用网页设计软件...
本节书摘来自异步社区<Dreamweaver CS6完美网页制作--基础.实例与技巧从入门到精通>一书中的第1章,第1.3节,作者:何新起 更多章节内容可以访问云栖社区"异步社区 ...
- 网页制作的基本语言html,网页制作基础语言HTML.ppt
网页制作基础语言HTML 2. 内嵌音频播放插件 通过内嵌音频播放插件可以在浏览器中出现控制面板,也可作为背景音乐.其格式为: [例2-27] 3. IE中的背景音乐 可以插入背景音乐格式,不过只有在 ...
- 《Dreamweaver CS6完美网页制作——基础、实例与技巧从入门到精通》——1.2 网页的基本构成元素...
本节书摘来自异步社区<Dreamweaver CS6完美网页制作--基础.实例与技巧从入门到精通>一书中的第1章,第1.2节,作者:何新起 更多章节内容可以访问云栖社区"异步社区 ...
- html实现用户调查的表单网页,江苏开放大学网页制作基础及HTML测试作业二制作1个E游调查的表单网页...
资源下载资源下载价格10元立即支付 或 升级VIP后 8 折优惠立即升级 购买问题请提交工单 江苏开放大学网页制作基础及HTML测试作业一制作介绍中国瀑布的图文混排网页:http://www.dd ...
- 【前端实例代码】霓虹灯按钮动画效果悬停2| html CSS特效 惊艳| 前端开发 网页制作 基础入门教程
b站视频演示效果: [web前端特效源码]霓虹灯按钮动画效果悬停2| html CSS特效 惊艳| 前端开发 网页制作 基础入门教程 效果图: 完整代码: <!DOCTYPE html> ...
- 【前端实例代码】霓虹灯按钮动画效果悬停| html CSS特效 惊艳| 前端开发 网页制作 基础入门教程
b站视频演示效果: [web前端特效源码]霓虹灯按钮动画效果悬停| html CSS特效 惊艳| 前端开发 网页制作 基础入门教程 效果图: 完整代码: <!DOCTYPE html> & ...
- html制作单选网页程序,网页制作基础：单选框和复选框的应用_html
在用表单设计调查表时,为了减少用户的操作,使用选择框是一个好主意,在html的标记中有两种选择框,即单选框和复选框,两者的区别是单选框中的选项用户只能选择一项,而复选框中的选项用户可以任意选择多项,甚 ...
- 制作一个html文件 效果如下图,网页制作基础知识-习题课件.ppt
网页制作基础知识-习题课件 第一章 网页制作基础知识;1.1 案例 网页制作学习园地网页;1.1案例:网页制作学习园地网页; 1.1.1 功能要求1．整个网站主要以HTML代码编写的方式完成.页面风格 ...
- HTML网页制作基础教程，从基础了解html常用标识
网页制作基础教程:认识HTML 在今天,做网页的工具到处都是,只要动几下鼠标,一个精彩的网页就出来了,HTML是否要学呢?答案是肯定的,因为工具就是工具,它们生成的代码是机械的,不够简洁,使网页打开的 ...
最新文章
- linux系统之编译安装mysql
- 张勇谈组织架构调整：领导者要善于“从后排把人往前拔”
- request获取mac地址_【Go】获取用户真实的ip地址
- asinh函数_JavaScript中带有示例的Math.asinh（）方法
- 境内外赌博网站被捣毁，程序员被抓！！
- SpringBoot-异常处理
- F - 数据结构实验之链表四：有序链表的归并
- Node学习记录： 图片爬虫
- CentOS 7完全卸载MySQL
- 单片机破解方法（摘录）
- k8s技术预研11--kubernetes网络原理
- 项目管理工具一：职责清晰的6W1H原则
- 应届生面试的5大技巧，附600字自我介绍范文
- vue的history模式，页面刷新404，以及引入得第三方插件或者JS路径错误的解决办法
- git 提交错误：The requested URL returned error: 502
- Python数据特征分析1-分布分析（极差，频率直方图等）
- 汉字点阵c语言程序,用c51单片机控制1616点阵显示汉字源代码
- python网络数据采集学习笔记（二）
- 【Java中断言（assert）的理解】
- kube-proxy ipvs模式详解