初学HTML-4
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的更多相关文章
- DDD初学指南
去年就打算总结一下,结果新换的工作特别忙,就迟迟没有认真动手.主要内容是很多初学DDD甚至于学习很长时间的同学没有弄明白DDD是什么,适合什么情况.这世界上没有银弹,抛开了适合的场景孤立的去研究DDD ...
- gulp初学
原文地址:gulp初学 至于gulp与grunt的区别,用过的人都略知一二,总的来说就是2点: 1.gulp的gulpfile.js 配置简单而且更容易阅读和维护.之所以如此,是因为它们的工作方式不 ...
- 初学seaJs模块化开发,利用grunt打包,减少http请求
原文地址:初学seaJs模块化开发,利用grunt打包,减少http请求 未压缩合并的演示地址:demo2 学习seaJs的模块化开发,适合对seajs基础有所了解的同学看,目录结构 js — —di ...
- 初学Vue2.0--基础篇
概述: 鉴于本人初学,使用的编译器是webStorm,需添加对VUE的支持,添加方法可以参考 http://www.jianshu.com/p/142dae4f8b51. 起步: 1. 扎实的 Jav ...
- 初学Python
初学Python 1.Python初识 life is short you need python--龟叔名言 Python是一种简洁优美语法接近自然语言的一种全栈开发语言,由"龟叔&quo ...
- Javascript初学篇章_5(对象)
对象 Javascript是一种面向对象的语言,因此可以使用面向对象的思想来进行javascript程序设计对象就是由一些彼此相关的属性和方法集合在一起而构成的一个数据实体.举个例子,一只猫是个对象, ...
- 初学Objective-C语言需要了解的星星点点
其实大多数开发初学者都有一些相同的特点,可以说是一种“职业病”.Most有其他平台开发基础的初学者,看到Xcode就想摩拳擦掌:看到Interface Builder就想跃跃欲试:而 ...
- matlab初学之句柄
文章出处:http://www.cnblogs.com/CBDoctor/archive/2012/04/06/2434072.html 在matlab中,每一个对象都有一个数字来标识,叫做句柄.当每 ...
- 初学HTML5、初入前端
学习HTML5是一个漫长的过程,当中会遇到很多技术与心态上的变化.刚开始学习,我们不能发力过猛,需要一个相对稳定的状态去面对.多关注一些自己感兴趣的网站和技术知识,建立自己的信心与好奇心,为以后的学习 ...
- Python初学的易犯错误
当初学 Python 时,想要弄懂 Python 的错误信息的含义可能有点复杂.这里列出了常见的的一些让你程序 crash 的运行时错误. 1)忘记在 if , elif , else , for , ...
随机推荐
- python收集jvm数据
之前前辈用 java 写的收集 jvm 脚本, 不太方便组内小伙伴维护, 遂用 python 重写了 #!/usr/bin/env python # -*- coding: utf-8 -*- # F ...
- mybatis 全局配置文件
传送门:mybatis XML 映射配置文件官方文档 配置文件中的标签顺序不能颠倒,否则会报错. <?xml version="1.0" encoding="UTF ...
- java批量解压文件夹下的所有压缩文件(.rar、.zip、.gz、.tar.gz)
// java批量解压文件夹下的所有压缩文件(.rar..zip..gz..tar.gz) 新建工具类: package com.mobile.utils; import com.github.jun ...
- Yii2+Swagger搭建RESTful风格的API项目
在现有的Advanced Template上搭建RESTful API项目的步骤: 本案例前提说明: 本例中不使用\yii\rest\ActiveController自动创建的API,而是自定义一个A ...
- Numpy.random中shuffle与permutation的区别(转)
huffle与permutation的区别 函数shuffle与permutation都是对原来的数组进行重新洗牌(即随机打乱原来的元素顺序):区别在于shuffle直接在原来的数组上进行操作,改变原 ...
- React 安装
1.安装 node 8.0以上 node -v npm -v 2.安装淘宝镜像 cnpm npm install -g cnpm --registry=https://registry.npm.ta ...
- Apple Pay 支付集成
Refer:https://open.unionpay.com/ajweb/product/detail?id=80 交易步骤: 1.浏览并选购商品:用户通过手机客户端与商户系统交互浏览选购商品,客户 ...
- chromium浏览器开发系列第三篇:chromium源码目录结构
上两篇介绍了下载源码和编译源码,这次主要介绍chromium的源码目录结构,我也是通过源码和官网结合来跟大家说,如果有说的不准确的,欢迎交流. 另外,官网的不一定准确,他们其实也很懒,所以最主要还是靠 ...
- Centos7 开启端口
CentOS7默认没有使用iptables,所以通过编辑iptables的配置文件来开启80端口是不可以的. CentOS 7 采用了 firewalld 防火墙. 如要查询是否开启80端口: [ro ...
- php使用 utf8_encode 来将特殊字符转成 utf8
如果在接受 $_POST 或 $_GET 时发生类似的错误报告:SQLSTATE[HY000]: General error: 1366 Incorrect string value: '\xF6te ...