html
HTML 技术介绍:
- html 构建页面的最基础的框架!内部包含了大量的元素(标签) ,组成整个页面,没有逻辑,
- css 层叠样式列表,
- js 脚本
使用语法:创建一个HTML文件,文件的后缀名是 .html
内部可以使用标签<标签名> 文本类容</标签名>
- 标签一定有正确的嵌套 标签里面套标签,不能将里面的标签结束放在外面的标签结束后面
- 标签还有一些属性,属性之间 用空格
- 空标签:没有显示的类容,只设置一些属性 <> 或者 < br/>
标签:
- 结构标签:组建整个页面的基本结构
- 包括:
- 的一些属性 - text : 文本的颜色 值: 英文单词 色值表达法 #十六进制r 十六进制g 十六进制b 例如:#ffff00 #000000 - bgcolor: 背景颜色 - background:背景图片 - 静态的资源(图片,css ,js)引入: 相对路径:相对于当前页面的位置 ./当前文件夹,可省略 ../当前文件夹的上一级目录 /文件夹 下一级目录 - 或者网络路径
<!--根标签--> <html> <!-- html文件的标签 , 并不显示数据 进行页面的设置,例如tital ,编码格式等 也是引入css和js的位置 执行流程是从上向下 做一些显示前的而前置工作,基础的设置工作 --> <head> <meta charset="utft-8"> <tital> </tital> </head> <body> </body> </html>
排版标签
- p 段落标签 ,自己占一行,显示文本
- align : left center right 行级标签
- br 换行标签
- hr 画线标签
- align
- width 线的长度
- 尺寸赋值: 1、像素px 给他一个固定的大小 2、比例, 占父级的比例
- size 线的宽度
- color
- <!-- --> 注释标签
文字标签
- font- family 字体的类型
- font-size 字体的大小
- color 字体的颜色
文本格式化标签
- 下标
- 上标
- 加粗
- 微斜加黑
- 加黑
中甲加画线标题标签
- h1 ------h6 加黑加粗
自己占一行,越小,字越大清单标签
- 有序:
- 无序:
- 列表里面需要加
- 标签
- 属性:
type :类型表格标签
table 表格
- 属性:
- border : 边框的宽度
- bordercolor: 边框颜色
- bgcolor: 背景颜色
- width 宽
- heigh 高
- background 背景
- align 对齐
tr 行标签
th 列标签,但是会加粗字体,可以作表头
td 列标签
- 属性
- colspan 水平合并
- rowspan 垂直合并
图片标签
- img 行内标签
src 属性:指定图片的地址- map热区地图 需要再img标签中声明 usemap usemap = “#area的名字”
name- 标签 area map的基础
shape 类型
coords 定位
href 连接
alt 提示超链接标签
- a
- target : _blank 新开一个页面
- _self 默认的 ,同一个页面打开
- frame_name
- 锚点功能:href = “#id” 上下横跳
块和行类
- 块标签:行级标签:块标签自己占一行
- hr br p table h1-h6 ul ol div
- 内连标签:行内标签,会根据自身内容的宽和高,可以多个在一行
- a img span
from 表单
- 就是页面中输入数据,提交数据的集合
- 输入框
- type submit 提交
- text password
- value 默认内容
- placeholder 提示信息
框架标签:
- iframe 可以加载其他页面,可以作为页面的容器! 这样一个页面可以将代码分到多个页面,并用iframe进行加载!
- src 指向展示的页面地址
- 能够设置宽高
- frameborder 可以移除边框 , 将其设为0px
<iframe id="ifr" src="demo06.html" width="99%" height="700px"></iframe>
特殊的标签:
六、 特殊标签 < < 小於号或显示标记 > > 大於号或显示标记 & & 可用於显示其它特殊字符 " " 引号 ® ? 己注册 © ? 版权 ™ ? 商标   半方大的空白   全方大的空白 不断行的空白 ****************