学习标签属性3

img标签向网页中嵌入一幅图像,<img>标签有两个必须的属性:src和alt属性。

alt属性:如果无法显示图像,浏览器将显示替代文本。

src属性:它的值是图像文件的URL,也就是引用该图像的绝对路径或相对路径。

title属性:鼠标放置时显示的文字

width属性:设置图像的宽

height属性:设置图像的高

border属性:定义边

align属性:它有五个可选值  top、 bottom  、middle、left、right。它设置图像在文本中的位置。top是指以图像的头部去和文本对齐,bottom是底部也是默认,left和right分别是在文本的左右位置。(它必须以文本作参照物才显示出效果)

<!--qq里面有个截图软件可以大致显示你的图像像素多少,用px做单位>   例子如下:

<!DOCTYPE html>

<html>

<head lang="en">

  <meta charset="utf-8">

  <title></title>

</head>

<body>

  <img src="img/img.gif" alt="图片未显示" title="鼠标滑过时显示的文字" height="170px" width="100" border="1" align="left"/>

链接标签

<a>标签定义超链接,用于从一张页面链接到另一张页面。元素最重要的属性是href属性,他指示链接的URL地址。通常我们说的定义一个锚点就是a标签。比如我们有一张很长的页面,可以分成n个部分,并设置锚点,这样我们通过锚点就可以到达页面的相应位置。示例:

<body>

  <soan>这是顶部</span>

  <p>...</p>

  <br /><br /><br /><br /><br /><br />

  <a href="#">回到顶部</a>   (#代表页面最上部,图片也可以,可以嵌套)

</body>

a标签

target属性定义了链接以什么方式打开

_blank定义了链接在新的页面打开

块元素和行元素区别:

1  块元素独占一行,他可以设置宽和高,在未设置的情况下,块元素以浏览器的宽为宽

2  一行可防置多个行元素,不可以设置宽和高img除外,行元素一元素内容的宽和高为准

常见的行元素和块元素:

  内联元素(块元素 inline element)

* a -锚点

* b -粗体

* em -强调

* font -字体设定(不推荐)

* i -斜体

* img -图片

* input -输入框

* label -提示标签

* select -列表选择

* small -小字体文本

* span -常用内联容器,定义文本内区块

* strong -粗体强调

* sub -下标

* sup -上标

* textare -多行文本输入框

* u -下划线

块元素(block element)

* address -地址

* div -常用块容器

* dl -定义列表

* form -交互表单  

* h1-h6  —标题

* ol -有序列表

* p -段落

* pre -格式化文本

* table -表格

* ul -无序列表

时间: 2024-10-24 12:55:08

学习标签属性3的相关文章

学习标签属性2

格式标签 <address>标签定义文档或文档的作者联系信息,定义在body内则表示文档练习信息,这个标签是带有语义的即我们看到a标签,不能直观上知道他是一个超链接,但是address通过翻译能明白这是定义联系信息,这就是予语义化的好处,他以斜体显示.<address>...</address> <b>标签定义粗体文字,但这些带样式的文本不建议在html5中使用,建议使用样式列表,但要知道了解.html中标签是可以互相嵌套的.示例:<p>普通的文

Html5学习笔记1 元素 标签 属性

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML5学习笔记</title> </head> <body bgcolor="#90ee90"> 1.Html5的元素<br/><br/> 元素指的是从開始标签到结束标签的全部代码<

jQuery学习之------属性与样式

jQuery学习之------属性与样式 一.标签的属性: <a href="">链接</a>此处的href就是该a标签带有的属性 在js中对标签的属性的操作方法有 1.1getAttribute()方法 ----获取元素的属性 例子: <a href="www.soulsjie.com" id="jie">jie</a> <script> var aa=document.getElem

vue2.0 之标签属性

标签属性v-bind <template> <div> <ul> <li v-for="item in list"> {{ item.name }} - {{ item.price }}</li> </ul> <a v-bind:href="link" v-bind:title="hello">to cnblogs</a><br/> <

关键字替换排除HTML标签属性字符

解决办法: 1.打开文件e/class/functions.php 2.找到函数 ReplaceKey($newstext,$classid=0) 3.找到替换代码 if(STR_IREPLACE) { $newstext=empty($public_r[repkeynum])?str_ireplace($r[keyname],'<a href='.$r[keyurl].' target=_blank class=infotextkey>'.$r[keyname].'</a>',$

html5 audio 标签属性

src:String型,所播放音频的 url. autoplay:值为autoplay,如果出现该属性,则音频在就绪后马上播放. controls:值为controls,如果出现该属性,则向用户显示控件,比如播放按钮. loop:值为loop,如果出现该属性,则每当音频结束时重新开始播放.          audio 有几个事件: onended:当媒介已抵达结尾时运行脚本,也就是当前歌曲播放完了,这里的"媒介"是指audio标签. onloadstart:当浏览器开始加载媒介数据时

Dom之标签属性

一.标签默认属性的查找与修改 查找 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>标签操作</title></head><body> <!--定义一个div标签和一个a标签--> <!--div默认属性:id,class,style,可以通过"."

黑马程序员——oc语言学习心得—— 属性声明和赋值

黑马程序员——oc语言学习心得—— 属性声明和赋值 -------Java培训.Android培训.iOS培训..Net培训.期待与您交流! ------- 1,在oc中所有类继承与终极父类Object2,声明字符变量采用N是string  *_xxx 实例变量一般以下划线开头3,在oc中方法以+ -号区分 -号开头是实例方法或对象方法  +号开头是类方法  前置用对象调用 后者用类名调用4,在xcode4以后声明@property 不用在写@snysize  自动生成get.set方法5,属性

Git学习 -- 标签管理

新建标签 git tag <tagname>   默认为HEAD,也可以指定一个commit id eg.   git tag v0.9  git tag v1.0 31aa59c git tag <tagname> -m "xxx"   可以指定标签信息 git tag -s <tagname>             可以用PGP签名标签 查看标签 git tag     查看所有标签 git show <tagname>    参看