网页设计:HTML常用的五种标签
- div标签
- p标签
- span标签
- a标签
- img标签
html:超级文本标记语言
1,div标签:
是在html中布局使用最多的标签,div本身没有什么特别之处,只是div标签替代了以前table标签布局。
div 是一个块级元素,它的内容会自动地开始一个新行。
div标签作用:起分割作用,是分割内容常使用的标签
例:
<!DOCTYPE html>
<html>
<head>
</head>
<body><div>第一个div</div><div>第二个div</div><div>第三个div</div>
</body>
</html>
div常用属性:
- color:颜色
- font-size: 文字大小
- text-align:对其方式
right 右对齐
left 左对齐
center 居中对齐 - font-family : 文字字型
- letter-spacing: 1pt 文字间距
- line-height: 设定行高
- font-weight:文字粗体
2,p标签:
标签它是一个段落标签,会自行起一行段落,并且可以作为一个盒子来使用。可以单独定义它。
例:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
< p>我是段落标签< /p>
</body>
</html>
3,span标签:
span标签是超文本标记语言(HTML)的行内标签,被用来组合文档中的行内元素。span没有固定的格式表现。
span标签属性:
标准属性
id, class, title, style, dir, lang, xml:lang事件属性
onclick, ondblclick, onmousedown, onmouseup, onmouseover,
onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
例:
<p class="tip"><span>内容</span>... ... ...</p>
###4,a标签(超链接标签):
超链接标签,用于在效果中定义一个可以点击跳转的链接
常用属性:
(1)href: 超链接跳转的路径 (必有属性);
- 内网本机路径:相对路径和绝对路径
- 互联网路径:http://地址
示例:
<a herf="http://www.baidu.com/">百度</a>
<a herf="demo html">demo</a>
(2) target:
该属性指定在何处显示链接的资源。 取值为标签(tab),窗口(window),或框架(iframe)等浏览上下文的名称或其他关键词;
target可能的值:
- blank
- top
- parent
- self
(3) download:
此属性指示浏览器下载 URL 而不是导航到它,因此将提示用户将其保存为本地文件;
(4) rel:该属性指定了目标对象到链接对象的关系。该值是空格分隔的列表类型值;
5,img标签:
用于在页面效果中展示一张图片。
img标签常用属性:
- src:指明图片的路径。(必有属性)
- width:图片宽度
- height:图片的高度
- alt 属性
图片路径:
1)内网路径:
…/表示上一层目录
./表示当前目录
2)互联网路径:
必须前面加上http://
网页设计:HTML常用的五种标签相关推荐
- web开发课程,HTML常用的五种标签,附赠课程+题库
标准文档流 标准文档流,指的是元素排版布局过程中,元素会默认自动从左往右,从上往下的流式排列方式.前面内容发生了变化,后面的内容位置也会随着发生变化. HTML就是一种标准文档流文件 HTML中的标准 ...
- HTML常用的五种标签,完整版开放下载
前言 一眨眼又到年底了,每到这个时候,我们都会慢慢反思,这一年都做了什么?有什么进步?年初的计划都实现了吗?明年年初有跳槽的底气了吗? 况且2020年我们经历了新冠疫情的洗礼,很多程序员都经历了失业, ...
- web前端开发网络课程,HTML常用的五种标签,重难点整理
前言 最近在准备面试,然后复习下之前写过的项目,书籍,笔记,文章.一看很多知识点都没有印象,最可拍的是连自己为了防止忘记写的文章竟然都感觉不是自己写的.有些开始怀疑人生了. 好了,废话少说,离金三银四 ...
- css样式加入的法方,初学必知:XHTML网页中加入CSS的五种方_css
在Xhtml网页中如何加入css呢?这篇教程告诉大家引入CSS的几种方式. XHTML文件是通过CSS样式进行显示的控制的,也就是结合XHTML与CSS来表现页面内容.那么到底有哪些方式在XHTML文 ...
- python各个解释器的用途-常用的五种Python解释器|老男孩网络Python学习课程
Python是一门解释器语言,代码想运行,必须通过解释器执行,Python存在多种解释器,分别基于不同语言开发,每个解释器有不同的特点,但都能正常运行Python代码,以下是常用的五种Python解释 ...
- 盘点2013年那些最优秀的网页设计作品【系列五】
这个系列的文章向大家展示2013年最优秀的国外网页设计作品,这些都是过去的一年在图片,纹理,导航等等各个方面的优秀网站.2013年,网页设计领域出现了几个新的流行趋势,最热门的就是响应式设计(Resp ...
- Kotlin中单利常用的五种写法
前言 单利模式是写代码过程中不可避免用到的,下面我总结一下单利常用的五种写法,话不多说了,来一起看看详细的介绍吧 加载类时创建单利 Java实现 public class Config{ privat ...
- PMP 冲突管理常用的五种方法
PMP 冲突管理常用的五种方法 一.五种常用的方法 • 撤退/回避:从实际或者潜在冲突中退出,将问题推迟到准备充分的时候,或推给其他人 • 缓和/包容:强调一致而非差异(求同存异) • 妥协/调解:为 ...
- 常用的五种Python解释器
Python是一门解释器语言,代码想运行,必须通过解释器执行,Python存在多种解释器,分别基于不同语言开发,每个解释器有不同的特点,但都能正常运行Python代码, 以下是常用的五种Python解 ...
最新文章
- 从静态到动态,词表征近几十年发展回顾
- 1000亿美元!英特尔要在美国建世界最大芯片厂,美520 亿美元芯片法案接近敲定...
- 看直播赢大奖-智能物流技术培训
- Cs Round#56 D Find Path Union
- matplotlib.pyplot中add_subplot方法参数111的含义
- minifilter
- NYOJ 116 士兵杀敌(二)
- Golang 入门 : 数组
- 30/100. Queue Reconstruction by Height
- Spark Streaming自定义接收器
- python部署thrift服务以及客户端
- 管理对象空间——管理存储参数
- @程序员,一文掌握 Web 应用中的图片优化技巧!
- 【反思】FB一年八个月工作教训
- linux Centos系统下mysql主从配置
- CamShift算法1
- 怎么把微信机器人挂在服务器上,微信群机器人怎么弄的群里面的机器人怎么弄的???...
- 四川多多开店:拼多多如何检查聊天记录
- maxscale的causal_reads参数
- 2019 GDUT 新生专题I选集 L题(CodeForces - 1260B)