精华内容
下载资源
问答
  •  学习HTML5两个月了,每天都要学习新知识,感觉以前学过有点不熟悉了,复习巩固一下,发表一篇博客园。  本章复习是HTML5中基础语言/js使用 1为网页添加icon图标 <link rel=...

      前  言

    练习

     学习HTML5有两个月了,每天都要学习新的知识,感觉以前学过的有点不熟悉了,复习巩固一下,发表一篇博客园。

     本章复习的是HTML5中的基础语言/js的使用

     

    1为网页添加icon图标

    <link rel="icon" type="image/x-icon" href="img/logo.png"/>

     rel:用于标明被连接文件与当前文件的关系。此处选icon,表明被链接图片是当前网页的icon图标
     type:表明被连接文件时什么类型。可以省略。
     href:表明连接文件的地址

     

    2为网页添加关键字/作者

         <!--作者-->
                <meta name="author"    content="http://www.jredu100.com" />
                <!--网页关键字-->
                <meta name="keywords" content="html5,网页,Web前端开发" />
                <!--网页描述-->
                <meta name="description" content="这是我在杰瑞教育开发的第一个网页" />

     

    3相对路径的确定

          1、使用position: relative; 设置元素为相对定位的元素;
                     2、定位机制:
                            ① 相对于自己原来文档流中的位置定位,当不指定top等定位值时,不会改变元素位置;
                           ② 相对定位元素,仍会占据原有文档流中的位置,而不会释放。
                     3、使用top、left、bottom、right调整位置。当left和right同时存在,left生效,当top和bottom同时存在,top生效。

     

    4超链接

    [超链接a]
                
                1.href:超链接的跳转地址。可以写网络连接,或本地html文件的相对路径,确定方式同img的src路径
                
                2.title:鼠标指上后显示的文字
                
                3.target:设置超链接打开窗口的位置。-slef 自身页面打开(默认) -blank新页面打开、
                
                4.rel:表明即将跳转的页面,与当前页面的关系;
                        rel='prev'即将跳转页面,是当前文档的前一篇文章。
                        rel='next'即将跳转页面,是当前文档的后一篇文章。
                        rel='prefetch',当前文档加载完成后,利用空余网速,预加载即将跳转的网页
                
                [功能性链接]
                mailto://123456789@qq.com  发邮箱
                tencent://message/?uin=123456789 与QQ聊天
                
                [锚链接]
                1、本页面锚链接
                ①设置一个锚点:<a name="top"></a>用name属性表示锚点名称
                ②在朝链接的href属性中,使用#name 跳转到制定的锚点位置:
                    <a href="#top">跳转到锚点
                
                2、其他页面锚链接
                ①徐跳转的页面设置锚链接
                ②在超链接的href属性,文件名.html#name
                <a href=aaaa.html#第二节锚点>
                    
                注:由于谷歌/ie的兼容问题,需要在锚点中,插入一个空格&nbsp; 才能生效:
                    <a name="top">&nbsp;</a>

     

    5form表单

    [form表单]
      1.两个重要属性
        action:表单需要提交的服务器地址
        method:表单提交数据的方法:get/post
        >>>[get与post的区别]
        ①get传参数使用url传递,所有参数在地址栏可见,不安全,get传参数数据有限;
        ②post传参使用http请求传递,比较安全;post可以传递大量数据;
        但是,get请求的传输速率要比post快。

        >>>url传参的形式:链接url地址?name1=value1&name2=value2

      2.input的常用属性:
        ①type:设置input的输入类型
        ②name:给input输入框起名。一般情况下,name属性必不可少。因为,传递数据时,使用name=value(输入内容)的形式传递
        ③value:input输入框的默认值
        ④placeholder:输入框的提示内容。 当input有默认的value或者输入时,placehoder消失。

      3.input-type属性的常用属性
        ①text:文本输入框
        ②password:密码输入框,输入内容默认显示小黑点。
        ③radio:单选项  checkbox多选项
        >>> 使用radio时,value属性必填。提交时,提交的为value中的默认值
        >>> radio凭借name属性,确定是否属于同一组,那么相同为同组,只能选一个
        >>> 使用checked="checked"属性,设置默认选中项
        ④file:文件上传
        >>> 使用accept="类型",设置只能双唇的文件类型,  imge/*任意格式图片
        ⑤submit:提交按钮。将所有表单数据,提交至后台服务器
        ⑥reset:重置表单数据按钮。跟submit一样具有提交功能。
        ⑦imge:图形提交按钮。跟submit一样具有提交功能。
        >>>  使用src属性,选择图片路径
        ⑧button:普通按钮,,没有任何卵用
      

     

    转载于:https://www.cnblogs.com/zhuanzhibukaixin/p/6821260.html

    展开全文
  • 众所周知,a标签代表超链接,是行内标签,那涉及到a标签的伪类选择器有哪些呢? 常用的有四个,link,visited,hover,active,具体用法如下: a:link{ color:red; } 表示超链接没有被访问时的样式,我这里写的颜色红色...

    a标签的伪类选择器

    众所周知,a标签代表超链接,是行内标签,那涉及到a标签的伪类选择器有哪些呢?

    常用的有四个,link,visited,hover,active,具体用法如下:

    a:link{
    color:red;
    }
    表示超链接没有被访问时的样式,我这里写的颜色红色,代表超链接没有被访问时文本显示红色

    a:visited{
    color:orange;
    }
    表示超链接被点击进去后的样式,比如我点击超链接页面进入了另一个页面,该超链接将会变成设定的样式,比如橙色

    a:hover{
    background:black;
    }
    表示鼠标滑到超链接上时,超链接展现的样式

    a:active{
    color:yellow;
    }
    表示超链接被点击的时候显示的样式

    怎么样是不是很简单?可以自己动手试一下。

    展开全文
  • a超链接 header头部 main主体 footer页脚 sesion分节 nav导航 side侧边 ....... html语义化指是让标签具有自己含义.在代码层次表达出开发人员思路.架构清晰,便于维护.没有css样式情况下也可以清晰...
    • p 段落标签
    • a 超链接
    • header 头部
    • main 主体
    • footer 页脚
    • sesion 分节
    • nav 导航
    • side 侧边
    • .......

    html语义化指的是让标签具有自己的含义.在代码层次表达出开发人员的思路.架构清晰,便于维护.没有css样式的情况下也可以清晰代码描述的内容

    比如 header没有css也知道是个头部,而尽量不用div,p,span等,要用strong代替b, em代替i

    展开全文
  • 行内元素:(以下列举比较常用的行内元素,详情可在w3cschool查询) <a>定义超链接 <b>字体加粗 <span>定义在文档中的行内元素 <img>向网页中插入题图像 <input>输入框 <...

    行内元素有哪些?块级元素有哪些?行内元素如何转换为块级元素?

    行内元素:(以下列举比较常用的行内元素,详情可在w3cschool查询)

    <a>定义超链接
    
    <b>字体加粗
    
    <span>定义在文档中的行内元素
    
    <img>向网页中插入题图像
    
    <input>输入框
    
    <small>小号字体效果
    
    <br>换行
    
    <big>字体加大加粗
    
    <strong>强调的语气
    
    <select>创建单选或多选菜单
    
    <textarea>定义文本域,多行的文本输入控件
    

    块级元素

    <div>定义文档中的分区或节
    
    <h1>定义最大的标题
    
    <h2>定义副标题
    
    <h3>定义标题
    
    <h4>定义标题
    
    <h5>定义标题
    
    <h6>定义最小的标题
    
    <ul>定义无序列表
    
    <ol>定义有序列表
    
    <li>定义有序列表或无序列表的列表项目
    
    <dl>定义自定义列表
    
    <dd>定义自定义列表中的条目
    
    <dt>定义自定义列表中的项目
    
    <hr>创建一条水平线
    
    <p>定义段落
    
    <table>定义表格
    
    <td>表格中的标准单元格
    
    <th>定义表头单元格
    
    <thead>标签定义表格的表头
    
    <tr>定义表格中的行
    

    行内元素与块级元素的区别:

    1.行内元素与块级函数可以相互转换,通过修改display属性值来切换块级元素和行内元素,行内元素display:inline,块级元素display:block。

    2.行内元素和其他行内元素都会在一条水平线上排列,都是在同一行的;

    块级元素却总是会在新的一行开始排列,各个块级元素独占一行,垂直向下排列,若想使其水平方向排序,可使用左右浮动(float:left/right)让其水平方向排列。

    3.行内元素不可以设置宽高,宽度高度随文本内容的变化而变化,但是可以设置行高(line-height),同时在设置外边距margin上下无效,左右有效,内填充padding上下无效,左右有效;

    块级元素可以设置宽高,并且宽度高度以及外边距,内填充都可随意控制。

    4.块级元素可以包含行内元素和块级元素,还可以容纳内联元素和其他元素;

    行内元素不能包含块级元素,只能容纳文本或者其他行内元素。

    展开全文
  • 那么智能家居常用的传感器都有哪些?来随ANHUIOML电子电工看看吧!气体传感器在居家生活中,可燃气体以及污染气体是影响人们身体健康的重要因素,而这一切在传感器下就可以化解。用户可以通过气体浓度传感器,实现对...
  • 都入冬了,却没想到“生活波动,网络大爆炸”,但无论事情如何,请胖友们一定要“稳住,我们能赢”!不信谣、不传谣、不跟风、不捏造!让子弹飞一会,事实总能落地! 所以,今天三儿来讲一下:微信公众号链接使用...
  • 在seo外包公司工作中常用的外部链接是一种比较方便的通讯方法,但是这种通讯方法也两个缺点,就是沟通的效率比较低,而且沟通起来也比较困难,今天我们就来了解一下网络优化发送外部链接的技巧。 将外部链接释放...
  • 浏览器是什么?这个看似很可笑?“谁不用啊”身边人都用脑残般眼神回答着这个问题。网页浏览器,英文名字又叫web ...那你知道的的浏览器,都有哪些特点和优势吗?今天我们就来盘点一下常用十大浏览器。Deepne...
  • 这个阶段需要基础知识储备,这样才能打牢基础,有利于下一阶段提升。这个阶段主要是掌握计算机基础、测试理论、HTML基础、JS基础、CSS基础。 计算机基础:计算机组成部分,操作系统分类,B/S分类,C/S架构,...
  • 常见行内元素有哪些?块级元素有哪些? 常见行内元素有: a - 超链接(锚点) br - 换行 em - 强调 img - 图片 input - 输入框 label - 表格标签 select - 项目选择 span - 常用内联容器,定义...
  • 这里要介绍是网页设置颜色包含有哪些;网页颜色规定规范。1、常用颜色地方包含:字体颜色、超链接颜色、网页背景颜色、边框颜色2、颜色规范与颜色规定:网页使用RGB模式颜色网页中颜色运用是网页必不可少一个...
  • css颜色设置

    2018-10-25 23:03:00
    这里要介绍是网页设置颜色包含有哪些;网页颜色规定规范。1、常用颜色地方包含:字体颜色、超链接颜色、网页背景颜色、边框颜色2、颜色规范与颜色规定:网页使用RGB模式颜色 二、颜色基础知识 网页中颜色运用...
  • 工具箱窗口中较常用的控件有很多种,根据它们的功能可以分很多类,今天来学习显示数据的控件,那么显示数据的控件有哪些呢?它们分别是:1、label标签控件(可以显示信息,但是用户无法进行输入操作)2、linklabel...
  • 测试常用的组件的编辑形式和显示效果,包括超链接百度一下 表格测试(下面的这个换行竟然不能删除。。。。) 标题一 标题二 标题三 在下面的这一行复制下面的小格子就能扩列 0 1 2 3 1 2 3 4 测试图片...
  • 1.2 常用的表单元素有哪些 2.知识点 2.1 上一章内容回顾 ​ 上一章我们学习了HTML语言的概念和一些常用的标签,包括标题标签,段落标签,换行标签,格式化标签,字体形状标签,字体标签,图像标签,超链接标签,...
  • 原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 ... 先来了解下常用的数据库有哪些: 常用的企业数据库系统包括:Oracle SQL Server Sybase Informix DB2 常用的中小型数据库系统包括:PostgreSQ
  • HTML5第一章

    2018-10-24 09:10:39
    1.请写出网页基本标签、作用和语法。...2.超链接有哪些类型?它们区别是什么? 页面间链接:A页到B页,最常用,用于网站导航。 锚链接:A页甲位置到A页乙位置或A页甲位置到B页乙位置。 功能性链接:在页面...
  • css.color设置与调色板

    2019-10-04 01:37:09
    这里要介绍是网页设置颜色包含有哪些;网页颜色规定规范。 1、常用颜色地方包含:字体颜色、超链接颜色、网页背景颜色、边框颜色2、颜色规范与颜色规定:网页使用RGB模式颜色 二、颜色基础知识 网页中颜色...
  • CSS颜色设置与调色板

    2018-10-25 20:44:00
    这里要介绍是网页设置颜色包含有哪些;网页颜色规定规范。 1、常用颜色地方包含:字体颜色、超链接颜色、网页背景颜色、边框颜色2、颜色规范与颜色规定:网页使用RGB模式颜色 二、颜色基础知识 网页中颜色...
  • 这里要介绍是网页设置颜色包含有哪些;网页颜色规定规范。 1、常用颜色地方包含:字体颜色、超链接颜色、网页背景颜色、边框颜色2、颜色规范与颜色规定:网页使用RGB模式颜色 二、颜色基础知识 网页中颜色运用是...
  • 一、认识CSS 颜色(CSS color) - TOP这里要介绍是网页设置颜色包含有哪些;网页颜色规定规范。1、常用颜色地方包含:字体颜色、超链接颜色、网页背景颜色、边框颜色2、颜色规范与颜色规定:网页使用RGB模式颜色二、...
  • 一、认识CSS 颜色(CSS color)这里要介绍是网页设置颜色包含有哪些;网页颜色规定规范。1、常用颜色地方包含:字体颜色、超链接颜色、网页背景颜色、边框颜色2、颜色规范与颜色规定:网页使用RGB模式颜色二、颜色...
  • css color设置与调色板

    2018-10-25 19:55:00
    这里要介绍是网页设置颜色包含有哪些;网页颜色规定规范。 1、常用颜色地方包含:字体颜色、超链接颜色、网页背景颜色、边框颜色2、颜色规范与颜色规定:网页使用RGB模式颜色 二、颜色基础知识 网页中颜色...
  • 面试题总结(三)

    2021-02-02 10:50:51
    css常用的布局方式有哪些? 流式布局: 最基本的布局,就是顺着 html 像流水一样流下来 绝对定位: 利用 position: absolute 进行绝对定位的布局 float 布局: 最初用来解决多栏布局的问题。比如圣杯、双飞燕的布局都...
  • 工具箱窗口中较常用的控件有很多种,根据它们的功能可以分很多类,今天来学习显示数据的控件,那么显示数据的控件有哪些呢?它们分别是:1、label标签控件(可以显示信息,但是用户无法进行输入操作)2、linklabel...
  • 20170326 HTML小测验3

    2017-03-26 10:06:07
    1、img标签align属性的常用属性值,及作用! 2、如何设置一个跳转到其他页面指定锚链接? ...3、如何点击超链接发送邮件?...4、表格基本写法(标题、表头、其他单元格) ...6、常见行列属性有哪些
  • 这里要介绍是网页设置颜色包含有哪些;网页颜色规定规范。 1、常用颜色地方包含:字体颜色、超链接颜色、网页背景颜色、边框颜色 2、颜色规范与颜色规定:网页使用RGB模式颜色 二、颜色基础知识 网页中颜色...

空空如也

空空如也

1 2 3
收藏数 43
精华内容 17
关键字:

常用的超链接有哪些