前端一些基础标签属性

1.p(p元素标签会在标签内容的前后加入一个空白行作为段落分隔,具有属性align)

2.br(br元素会产生分段效果,但不会在两段见加入空白行,具有属性clear none默/right/left/all)

3.pre(元素标签中若有特殊符号,就必须通过“文字参照”的方式书写,例如<,>,&,就写成"&It","gt","&anp";pre元素虽可将“标签内容”以原貌呈现出来,但“标签元素”中若有其他的标签,则浏览器仍会对这些元素标签进行处理。具有属性 width)

4.hr(在一般浏览器中,hr元素标签的效果是在页面中画出一条水平的分隔线,并在水平分隔线的前后会自动加入一空白行。具有属性:!align[left/center/right] !size[整数] color[颜色值] !noshade[空值/noshade] !width)

5.a{

(常用属性 href(url) name(字符串) target(_self[默认],_blank[新窗口],_top[最顶层框架,即跳脱框架],_parent(父框架))
hover:鼠标放到连接上的时候

语法:

Selector : hover { sRules }

a:hover{bgcolor:green;color:red;

}

6.img{

6.1 src(uri)

6.2 alt(字符串)图片无法显示的替代文字。

6.3 longdesc(uri)图片说明的uri,较短用alt.

特有属性:

6.4 dynsrc(uri)此属性用于播放多媒体文件。

6.5 loop(正整数/infinite)属性值为多媒体文件重复播出次数,无限次用infinite.

6.6 start(fileopen/mouseover文件播放方式,fileopen当文件打开时,mouseover当鼠标指针移到多媒体文件上时

6.7 lowsrc(uri) 原始图片或多媒体文件下载速度较慢或下载过程出错时用来替代的图片uri

6.8 loopdelay(正整数[毫秒])表示两次播放时间间隔。

}

7.table{

table只是建立表格的基础元素,还需行(tr)和列(th、td),还可在标签内配置caption、col、colgroup、thead、tbody、tfoot。

7.1 summary(摘要)

7.2 width(表格宽度) border(边框宽度) cellspacing(单元格之间距离) cellpadding(单元格与单元格内容之间距离)

7.3 background(uri)背景 bordercolor边框颜色 bordercolordark(指定表格整体的暗面【表格右、下的框线】的颜色) bordercolorlight(指定表格整体的亮面【表格左、上的框线】的颜色)

时间: 2024-07-29 11:32:11

前端一些基础标签属性的相关文章

前段基础课程(基础标签属性)

2017年7月21日 课堂笔记                       孙小强 # 课程 htlm+css Javascript Node-js vue H5新特性 微信开发 技术点 Html * 定义页面结构 +css * 定义页面样式 javascript * 定义页面逻辑 # 准备 ### 编辑器 * sublime * notepad++ * vim * atom * dreamweaver * webstorm(集成环境) ### 浏览器 * 主流浏览器    *chrome  内

正式学习第一天下午——基础标签及其属性

今天下午学习了html中的基础标签及其属性.以下面的HTML代码为例. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head>

HTML:基础标签及属性(备份)

基 本 标 签  创建一个HTML文档 <html></html> 设置文档标题以及其他不在WEB网页上显示的信息 <head></head> 设置文档的可见部分 <body></body> 标 题 标 签 将文档的题目放在标题栏中 <title></title> 文 档 整 体 属 性 设置背景颜色,使用名字或十六进制值 <body bgcolor=?> 设置文本文字颜色,使用名字或十六进制值 &

前端的基础知识汇总

创建时间: 2017/8/2 19:39 <!-- 1.img标签中的img其实是英文image的缩写 所以img标签的作用, 就是告诉浏览器我们需要显示一张图片 2.img标签格式: <img src=""> 其实img标签中的src是英文source的缩写 所以img标签中的src就是用来告诉img标签, 需要显示的图片名称 3.注意点 - 和H系列标签/p标签还有Hr标签不一样, img标签不会独占一行 - 如果我们手动指定了img标签显示的图片的宽度和高度, 

前端零基础入门:页面结构层HTML

HTML页面结构层HTML 分以下方面学习: HTML基础, HTML表格, HTML表单, 搭建网页结构 html基础 学习前端的第一门课程,为HTML基础,HTML标记语言,它是网页制作的第一步. 学习内容: HTML概念,了解HTML发展史,基础语法,常用标签(段落,图片,链接等) 结合小例子 什么是HTML HTML(Hypertext Markup Language)即超文本标记语言 html发展史 1993(IETF)HTML1.0 1995(W3C)HTML2.0 1996(W3C

HTML入门-页面结构&amp;基础标签

文章目录 一.什么是html?二.动态网页与静态网页区别?(面试题)三.三个版本和一个标准(面试题)四.html5的扩展五.html创建文件(重点)六.html格式(重点)七.html基本结构(重点)八.注释九.基础标签(重点)十.文本标签十一.布局标签十二.特殊符号一.什么是html? html 超文本标记语言 文本:文字元素超文本:视频,图片,音乐,链接标记符:由左书名号和右书名号包裹一个标签名字的构造-----<p>语言:人与电脑交流的语言方式二.动态网页与静态网页区别?(面试题) 动态

Web前端之基础知识

学习web前端开发基础技术需要掌握:HTML.CSS.Javascript 1.HTML是网页内容的载体 内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字.图片.视频等. 2.CSS样式是表现 就像网页的外衣,比如:标题字体.颜色变化.为标题加入背景图片.边框等. 所有这些用来改变内容外观的东西称之为表现. 3.JavaScript是用来实现网页上的特效效果 比如:鼠标滑过弹出下拉菜单.鼠标滑过表格的背景颜色改变.焦点新闻的轮换. 可以理解为:有动画的.有交互的一般都用JavaSc

前端工程师基础培训_问答(139邮箱)

一.问答题: (1)139邮箱资源服务器与缓存相关的响应首部是怎么配置的? (2)登录139邮箱web2.3,在浏览器有缓存的情况下,刷新页面,浏览器会不会重新发送请求获取静态资源?如果会,请列出与缓存相关的请求首部以及响应状态码:如果不会,请说明原因. (3)请指出Cache-Control与Expires的区别 (4)新功能上线后,如何清空浏览器的缓存,让用户获取最新的资源文件? 问题1.问题2 可用Fiddler抓包然后截图说明. 二.编程题: 请写一个页面,并封装相应的JS代码,完成13

[转载]前端工程——基础篇

特别声明:本文转载@云龙的<前端工程——基础篇>,感谢@云龙的分享. 喂喂喂,那个切图的,把页面写好就发给研发工程师套模板吧. 你好,切图仔. 不知道你的团队如何定义前端开发,据我所知,时至今日仍然有很多团队会把前端开发归类为产品或者设计岗位,虽然身份之争多少有些无谓,但我对这种偏见还是心存芥蒂,酝酿了许久,决定写一个系列的文章,试着从工程的角度系统的介绍一下我对前端,尤其是Web前端的理解. 只要我们还把自己的工作看作为一项软件开发活动,那么我相信读过下面的内容你也一定会有所共鸣. 前端,是