WEB |
您所在的位置:网站首页 › 图像标签的基本语法结构 › WEB |
文章目录
HTML介绍HTML的基本结构网页的基本标签标题标签段落标签换行标签水平线标签字体标签特殊符号的表示
图像标签链接标签超链接锚链接
行内元素和块元素列表表格视频/音频网页结构分析
iframe内联框架表单元素常见表单元素表单其他应用思考?为什么要表单验证表单验证需要哪些东西 ?
HTML介绍
什么是HTML? 超文本标记语言 ( Hyper Text Markup Language ) 超文本包括 : 文字 , 图片 , 音频 , 视频 , 动画 ,… 发展历史 HTML2.0 --> 文字 , 特别丑的文本框 HTML 5 ---- > 动画 , 渲染… HTML的优势 所有的浏览器都支持市场的需求—从C/S—>B/S架构跨平台W3C标准 万维网联盟( World Wide Web Consortium ) 三个标准 结构化标准—>HTML , xml等表现标准—>CSS行为标准 —> ( ECMA Script )网页编辑工具 记事本Notpat++HbuilderIDEAWebStormVScode… HTML的基本结构Html注释 : Html的基本结构 : title Hello,World!< title > 标签 : 网页的标题 < meta > 标签 : 关键字标签(为什么我们可以在网上搜关键字就会出现相应的内容) gb2312 ----> 包含全部的中文字符 utf-8 ---->包含了全世界所有地方的文字和符号 网页的基本标签 标题标签 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题 段落标签标识一个段落,其中可以包含其他行标签 段落标签 晓看天色暮看云,行也思君,坐也思君 晓看天色暮看云,行也思君,坐也思君 晓看天色暮看云,行也思君,坐也思君 晓看天色暮看云,行也思君,坐也思君 晓看天色暮看云,行也思君,坐也思君 换行标签因为存在行标签,因此也就引出了换行标签 换行标签 晓看天色暮看云,行也思君,坐也思君 晓看天色暮看云 行也思君 坐也思君 水平线标签 水平线标签 晓看天色暮看云,行也思君,坐也思君 字体标签 字体字体样式 晓看天色暮看云,行也思君,坐也思君 加粗后 : 晓看天色暮看云,行也思君,坐也思君 斜体 : 晓看天色暮看云,行也思君,坐也思君 特殊符号的表示 特殊符号 大于号 : ; 小于号 : ; 空格 : 你 好 | 你;;;;;;;;;;好 引号 : ;; 版权符号 : © 版权所有... 图像标签常见的图像格式 : jpgpngbmp 位图gif…图像标签 : 链接标签 超链接 点击跳转 锚链接可以从一个地方跳到锚指定的地方,需要的东西: 1.标记(打锚点) 2.跳转(#锚点名称) 锚链接标记 点击跳转 跳转到demo页标记三功能性链接 发送邮件target属性 target 目标跳转的网页打开方式 _blank : 打开新的网页 _self : 在本网页打开 --> 打开第一个网页_在新网页中打开 打开第一个网页_在自己网页中打开 行内元素和块元素独占一行的标签 : 块标签 ph1~h6只有自己那一部分 , 可以在行内定义多个的标签 : 行内标签 astrongimgem开放标签闭合标签 自闭合标签 列表无序列表ul,有序列表ol,自定义列表dl 无序列表 java C/C++ Linux Python 有序列表 java C/C++ Linux Python 自定义列表 Java OOP Annotation Reflection Python 数据分析 数据挖掘 ...给出自定义列表示例结果: 表格为什么使用表格 ? 简单通用结构稳定表格结构 单元格行列HTML表格的示例: 1-1 1-2 1-3 2-1 2-2 2-3 2-4 2-5 3-1 3-2 3-3 3-4 4-1 4-2 4-3 4-4表格示例结果: 视频/音频思考 : 如何在网页上播放视频和音频 ? 结论 : 应该有一个标签控制音频或者视频 . video , audio 网页结构分析一般网页分为: 头部导航主体内容底部 头部 尾部 导航 放文章 代码 独立区域 ....... iframe内联框架iframe 内联框架 百度 HTML标签 图像标签 超链接 表单元素什么叫表单 ? 常见的应用:登录 , 注册 … 常见表单元素文本框 密码框 按钮 单选框 多选框 文本域 下拉框 文件域 邮箱 网址 数字 滑块 搜索框 注册 用户名 : 密码 : 确认密码 : 性别 男 女 人妖 爱好 看电影 听歌 打游戏 敲代码 一 二 三 美国 中国 印度 西安 重庆 新疆 文本内容 邮箱 : url : 数字 : 滑块 : 搜索框 : 表单其他应用隐藏域 , 只读 , 禁用 hidden : 隐藏域 readonly : 只读 disabled : 禁用 思考?为什么要表单验证降低服务器压力 保证数据的安全性 表单验证需要哪些东西 ? 提示信息 placeholder-->默认提示信息 用户名 : 非空判断 (必填项) required-->必须填写此项 密码 : 正则表达式验证 pattern-->正则表达式 自定义验证 : |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |