持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第4天,,点击查看活动详情。
超链接<a>的href跳转
一个空白的超链接如下:
<a href=""></a>
当点击超链接时,由于 href 的属性值的不同,可以产生很多种情况:
href="" //刷新页面
href="#" //跳转到当前页面的顶部(不会刷新)
href="javascript:void(0)" // 什么都不做
href="javascript:;" // 什么都不做
页面
网站:网页集合 网页:HTML格式文件,通过浏览器阅读,是构成网站的基本元素。
HTML“超文本标记语言” 标记语言是一套标记标签,结构、样式、行为 相分离。
浏览器读取HTML文件的内容;通过 HTML标签来解释页面内容 html,描述的是整个网页,也就是整个HTML文档的内容与结构 head,网页的一些信息,不可见,不会在浏览器中显示 body,网页的课件内容
浏览器读取代码的过程,称为:文档流。
语法规范
HTML标签,也叫容器,有两种容器
标签:包含关系 (父子) 并列关系 (兄弟) HTML 根标签 head 文档头部 title 文档主题 body 主体标签
<!DOCTYPE>文档类型声明标签
lang 语言种类 en是英文;zh-CN是中文
字符集 Charset
常用标签{
标题标签 <h1> - <h6> head缩写,意为头部
段落标签 <p></p>
换行 <br/>
加粗 <strong></strong> <b></b>
倾斜 <em></em>
删除线 <del></del>
下划线 <ins></ins>
盒子 <div>分区</div> <span></span>
图像标签 <img> image缩写,图像 {
src 图片路径,必须属性
alt 文本,图像不能显示替换的文字
title 鼠标放到图片上显示文字
width 设置图像宽度
height 设置图像高度
border 设置图像边框粗细
可以拥有多个属性,必须写在标签名后面
路径:目录文件夹和根目录
相对路径 下一级:./ 上级: ../
绝对路径 具体盘 & 完整的网络地址
}
超链接{
<a></a> 属性herf URL地址,target :_blank 跳转新窗口
内部链接
下载链接:地址链接的是文件 .exe 或者是 zip等
网页中各种网页元素都可以添加超链接
锚点链接 快速定位到页面中的某个位置<a href="#id"></a> 目标位置<h3 id="id"></h3>
}
特殊字符 空格 小于 < 大于 >
表格 {
用于显示,展示数据 <table></table>
<tr>定义行</tr> <td>定义单元格</td>
<th>表头单元格</th>
属性{
aline 表格元素的对齐方式left、center、right
border 单元格边框,默认没有
cellpadding 单元格内容与边框的空白
cellspacing 单元格之间的空白,默认2像素
width 表格宽度
}
<thead>表头区域</thead>
<tbody>主体区域</tbody>
合并单元格 跨行:rowspan=“合并单元格格式”
在上最侧写合并代码
跨列:colspan=“合并单元格的个数”
在最左侧写合并代码
删除多余单元格
列表标签(用来布局){
无序列表 <ul> <li>列表</li> </ul>
有序列表 <ol> <li>列表</li> </ol>
自定义列表 <dl> <dt>名词</dt> <dd>名词解释*N</dd> </dl>
}
表单{
为了收集信息;
表单域 <form>把它范围内的表单信息提交给服务器</form>
<form action="url地址" method="提交方式"(get/>post) name=“表单域名称”></form>
表单元素 <input> 输入表单元素
type=“text” 文本框 用户可以输入任何文字;radio 单选按钮 name值相同可以实现多选一;checkbox 复选框 可以实现多选
value 规定input元素的值
checked 页面打开默认选中按钮
maxlength 输入字符最大长度
提示信息
type属性 submit 提交按钮点击了提交按钮可以把 表单域 form里面的表单元素里面的值提交给后台服务器
reset 重置按钮,还原表单元素初始值的默认状态
button 普通按钮
file 文件域,上传文件
label 绑定一个表单元素,自动聚焦
<select> 下拉表单元素
selected 默认选中
<textarea>文本域表单元素
都包含在form表单域里面,并且有name属性
}
}
}
}