img标签:<img src=" ">

    src——source缩写,告诉img标签需要显示的图片名称

    属性:width:宽度

         height:高度。若未指定宽和高,则按图片默认的显示,若只指定其一,则系统自动定义另一属性,并按等比定义。

         title:用于告诉浏览器,鼠标悬停在图片上时,弹出的描述框显示的对图片的描述。

         alt:alternate的缩写,用于告诉浏览器,当需要显示的图片找不到时显示什么内容。

a标签:<a></a>用于控制页面与页面之间的跳转。

    格式:<a href="指定需要跳转的目标界面">需要展现给用户查看的内容</a>

    注意:一个a标签必须要有一个href属性,否则a标签不知道要跳转到哪里。

      通过a标签的href属性指定一个URL地址:前面加上http://或https://

    属性:target:专门用于控制如何跳转。

          _self:用于在当前选项卡中跳转,即,不创建新的界面跳转。系统默认是_self

          _blank:用于在新的选项卡中跳转,也就是新建界面跳转。

       title:用来控制鼠标悬停时显示的提示文本。

       name:界面内跳转

          eg:<a href="http://baidu.com">百度</a>

            <a href="http://baidu.com" target="_self">百度</a>

            <a href="http://baidu.com" target="_blank">百度</a>

            <a href="http://baidu.com" target="_blank" title="百度一下,你就知道">百度</a>

            <a name="tips">hello</a>

            <a href="#tips">跳转到hello</a>

base标签:专门用来统一指定当前网页中所有的超链接(a标签)需要如何打开,需要写在head标签中。

     如果target属性同时在base和a标签中指定了,浏览器按照a标签中指定的来执行。

假链接:点击之后不会跳转的链接。

    开发早期,其他界面都没有写出来,不知道该跳转到什么地方,所有就用假链接来代替,当项目后期其它界面都已经完成时再将假链接转为真链接。

    格式:1.#   假链接会自动回到网页的顶部

       2.javascript   假链接不会自动回到网页的顶部

        <a href="#">百度</a>

        <a href="javascript">百度</a>

ul标签:无序列表

    <ul>

      <li>***</li>

    </ui>

    属性:type="disc/circle/square"

ol标签:有序列表

    <ol>

      <li>***</li>

    </ol>

    属性:type="A/a/I/i/start"

dl标签:定义列表

    <dl>

      <dt>***</dt>

      <dd>***</dd>

    </dl>

初学HTML-4的更多相关文章

  1. DDD初学指南

    去年就打算总结一下,结果新换的工作特别忙,就迟迟没有认真动手.主要内容是很多初学DDD甚至于学习很长时间的同学没有弄明白DDD是什么,适合什么情况.这世界上没有银弹,抛开了适合的场景孤立的去研究DDD ...

  2. gulp初学

    原文地址:gulp初学 至于gulp与grunt的区别,用过的人都略知一二,总的来说就是2点: 1.gulp的gulpfile.js  配置简单而且更容易阅读和维护.之所以如此,是因为它们的工作方式不 ...

  3. 初学seaJs模块化开发,利用grunt打包,减少http请求

    原文地址:初学seaJs模块化开发,利用grunt打包,减少http请求 未压缩合并的演示地址:demo2 学习seaJs的模块化开发,适合对seajs基础有所了解的同学看,目录结构 js — —di ...

  4. 初学Vue2.0--基础篇

    概述: 鉴于本人初学,使用的编译器是webStorm,需添加对VUE的支持,添加方法可以参考 http://www.jianshu.com/p/142dae4f8b51. 起步: 1. 扎实的 Jav ...

  5. 初学Python

    初学Python 1.Python初识 life is short you need python--龟叔名言 Python是一种简洁优美语法接近自然语言的一种全栈开发语言,由"龟叔&quo ...

  6. Javascript初学篇章_5(对象)

    对象 Javascript是一种面向对象的语言,因此可以使用面向对象的思想来进行javascript程序设计对象就是由一些彼此相关的属性和方法集合在一起而构成的一个数据实体.举个例子,一只猫是个对象, ...

  7. 初学Objective-C语言需要了解的星星点点

             其实大多数开发初学者都有一些相同的特点,可以说是一种“职业病”.Most有其他平台开发基础的初学者,看到Xcode就想摩拳擦掌:看到Interface Builder就想跃跃欲试:而 ...

  8. matlab初学之句柄

    文章出处:http://www.cnblogs.com/CBDoctor/archive/2012/04/06/2434072.html 在matlab中,每一个对象都有一个数字来标识,叫做句柄.当每 ...

  9. 初学HTML5、初入前端

    学习HTML5是一个漫长的过程,当中会遇到很多技术与心态上的变化.刚开始学习,我们不能发力过猛,需要一个相对稳定的状态去面对.多关注一些自己感兴趣的网站和技术知识,建立自己的信心与好奇心,为以后的学习 ...

  10. Python初学的易犯错误

    当初学 Python 时,想要弄懂 Python 的错误信息的含义可能有点复杂.这里列出了常见的的一些让你程序 crash 的运行时错误. 1)忘记在 if , elif , else , for , ...

随机推荐

  1. sublime text syntaxdef

    http://sublimetext.info/docs/en/extensibility/syntaxdefs.html

  2. 对drf的初步认识

    web应用模式 1.前后端不分离 在前后端不分离的应用模式中,前端页面看到的效果都是由后端控制,由后端渲染页面或重定向,也就是后端需要控制前端的展示,前端与后端的耦合度很高. 这种应用模式比较适合纯网 ...

  3. CSS之浏览器默认样式问题

    今天自己写css样式时,其中用到了<ul>标签,设置了一系列效果后运行,发现位置与设置有出入.chrome上打开检查项,发现<ul>标签的styles底部多了以下一段: ul, ...

  4. 【bzoj3218】a+b Problem 最小割+主席树

    数据范围:$n≤5000$,$a,l,r≤10^9$,$b,w,p≤2\times 10^5$. 我们考虑一种暴力的最小割做法: 首先令$sum=\sum\limits_{i=1}^{n} b_i+w ...

  5. POJ 2509

    #include <iostream> #include <stdio.h> using namespace std; int main() { //freopen(" ...

  6. odoo开发笔记 -- 异常、错误、警告、提示、确认信息显示

    1.检查业务逻辑中的错误,终止代码执行,显示错误或警告信息: raise osv.except_osv(_('Error!'), _('Error Message.')) 示例代码: #删除当前销售单 ...

  7. Python全局解释器锁 -- GIL

    首先强调背景: 1.GIL是什么?GIL的全称是Global Interpreter Lock(全局解释器锁),来源是python设计之初的考虑,为了数据安全所做的决定. 2.每个CPU在同一时间只能 ...

  8. MySql中插入乱码问题解决

    今天在使用Java写入数据库时候,发现Insert语句和Update语句在执行过后,数据库中中文显示的是“??”,经过一番查阅,其中关键的问题在于编码格式是否统一. 其中创建表时候,每个关键字的格式都 ...

  9. IntelliJ IDEA(Ultimate版本)的下载、安装和WordCount的初步使用(本地模式和集群模式)

    不多说,直接上干货! IntelliJ IDEA号称当前Java开发效率最高的IDE工具.IntelliJ IDEA有两个版本:社区版(Community)和旗舰版(Ultimate).社区版时免费的 ...

  10. 测试JavaScript数组Array

    <script> var numbers = [1, 2, 3, 4, 5]; function isLessThan3(value,index,array) { var returnVa ...