HTML
HTML
神奇海螺html
html 根标签 head 头标签,页面及页面各种组件属性 body 体标签,页面展示内容 <!-- --> 注释 body中标签 h(1-6) 标题标签,级别1-6,数字越大字体越小 hr 水平线标签,size 分割线粗细,color 分割线颜色 font 字体标签,size 字体大小,color 字体颜色 br 换行标签 b,u,i 格式化标签,b表示加粗,u表示下划线,i表示倾斜 p 段落标签 pre 定义预格式化标签 img 图片标签,src 图片路径,alt 图片无法正常显示时显示内容,width 图片宽度,height 图片高度,title 悬停图片上时的提示信息,border 设置边框,单位像素(px) a 超链接标签,href 超链接地址,target 设置打开方式:_blank:新窗口打开 _self:当前窗口打开 table 表格标签,broder 边框宽度,width 表格宽度,height 表格高度,bgcolor 表格背景颜色,cellspacing 单元格外边距,cellpadding 单元格内边距,align 表格对齐方式, tr 行标签 td 列标签,colspan 单元格跨列,rowspan 单元格跨行 th 表头标签,默认居中加粗 div 块级元素标签,一个div占用一整行,搭配css使用 span 行级元素标签,不会占用一整行,搭配css使用 form 表单标签,action 服务端地址,method 提交方式 input 输入标签,name和value属性,name命名当前表单,value为输入的值,服务器指定获取name的value值,即获取输入值,placeholder 输入框的小提示 type 输入类型, text 文本框, password 密码框, radio 单选框 checked 默认选中元素, checkbox 复选框 checked 默认选中元素, file 文件域 button 普通按钮,配合js使用 reset 重置按钮 subbit 提交按钮 image 图片按钮 select 下拉菜单 multiple 取值为multiple表示多选 size 显示多少条信息 option 选项,设置option的value会自动赋值到select的value上 ----------------------------------------------------------------------------------------------------- 网页构成的二部分 超文本: 文本信息,图片,视频,音频,超链接等 标记:标签的体现 声明当前是html5文档 表示 HTML根标签,双标签 <!-- --> 注释 单标签 charset=UTF-8 配置浏览器解析格式 name="author" content="" author表示作者,标题,content表示搜索与该作者有关联 name="descr" content="" descr表示内容相关,content表示搜索与内容相关 nane="keywords" content="" keywords表示关键字,content表示搜索与关键字相关 http-equiv="refresh" 表示刷新网页 content=5;www.baidu.com 表示五秒后刷新网页访问www.baidu.com http-equiv="pragma" 网页缓存 content="no-cache" 表示禁止缓存 http-equiv="cache-Control" 控制 content="no-cache"表示禁止缓存 http-equiv="expires" 期望缓存 content="0" 表示期望缓存0秒 头文件,放一些浏览器配置的文件网页名称 放一些网页展现的内容
会自动加粗加黑 h1-h6 依次变小,可以自动换行,标题标签 align表示字符对齐格式 center表示居中,right表示靠右,left表示靠左
hr表示分割线,width表示长度,500px表示像素,px是像素单位,color表示颜色,red表示红色,size表示宽度,20px表示像素p表示段落标签,自动增加段间距,br表示换行, 表示空格
per表示预文本标签,会按我们指定的格式输出。 下划线标签 倾斜标签 加黑加粗标签删除线标签 上标标签 下标标签 字体变小标签 字体变大标签 字体标签。 字体标签,内置封装过的修改选项 列表标签 有序列表ol表示有序列表标签,li表示内容,type表示序号格式 无序列表
ul表示无序列表,li表示内容,type表示序号格式 自定义列表
dl表示自定义列表,dt表示父列表,dd表示子列表 marquee表示 跑马灯标签,direction表示方向,scrollamount表示像素 超链接标签 测试 href 表示跳转到哪,target 表示打开网页方式,_blank表示新页面打开 返回底部 返回顶部 #age1会跳转到返回顶部的位置,#age会跳转到返回底部的位置 相对路径加载图片,目标图片的引用位置
本地访问支持绝对路径,Hbuilder运行时会模拟服务器访问,不支持绝对路径 绝对路径加载图片,目标图片的物理位置
网络路径,网络中的图片地址
![]()
title表示图片的标题,witer表示长度,height表示宽度,border表示边框宽度,alt 当图片无法正常显示时,输出alt,align表示图片对齐方式,align必须有参照物,才能有效 表格标签
table 表示表格 border表示表格可见度,默认为0 tr 表示行 td 表示列 th 表示标题列,自动居中,加黑加粗 cellpadding 表示内容与单元格距离 cellspacing 表示单元格与单元格距离 colspan 列合并,默认向右合并 rowspan 行合并,默认向下合并 bgcolor 背景颜色 表单标签 value表示默认显示