HTML学习笔记

129 阅读3分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 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属性
        }
    }
}
}