HTML5 文字及图片标签解析
来源:互联网 发布:淘宝卖家记账软件 编辑:程序博客网 时间:2024/04/30 11:23
首先创建一个.html文件,再创建一个.css文件
通过加载.css文件里的属性,来实现页面的更新,可以使代码更简洁。
1.在.html里加载css的方法
<head>
<link href="css/index.css" rel="stylesheet" type="text/css" />
</head>
link 代表css的路径
rel 代表css的标志
type是css的类型
通过这种方式,就可以修改在<body>内的文字或图片的属性
2.定义文字
在body中
<a class="a1">大家好
</a>
即可输出,若想改变颜色及大小等属性,可在.css中修改
.css中
.a1{
color:#ffffff;
font-size:30px;
}
修改文字的颜色,大小(像素)
3.制作图块
<div class="div1">
</div>
.css中
.div{
color:aqua;
font-size;20px;
width:100px;
height:200px;
background-color:chartreuse;
margin-left:50px; (距离上一层背景的左面边框的距离 (top、left...))
}
4.添加图片
<img src="./img/123.jpg" id="img">
</img>
在css中更改属性
.img{
width:200px;
height:200px;
}
0 0
- HTML5 文字及图片标签解析
- html5.超链接标签,图片标签
- [html5]轮播文字/图片
- html5将文字生成图片
- html5及标签库
- dedecms 图片标签解析
- 【HTML5】Html5新标签解释及用法
- ORC工具解析图片文字
- html5标签及属性小结
- HTML5新增标签及属性
- html5新增标签及属性
- 用CSS实现ul标签中图片与文字底边对齐及自适应高度
- HTML5 新增标签 及 不再使用标签
- HTML5表单标签及标签属性总结
- HTML5新增标签及废除标签整理
- HTML5表单标签及标签属性总结
- html5实现图片任意拖放及本地图片拖放预览特效解析
- 标签TabHost图片文字覆盖的问题
- 关于DetachedCriteria 多表关联
- c++继承中的内存布局(转)
- 谈谈网络编程
- window之 WM_COPYDATA
- ArcGIS for android 实例应用之添加地图(1)
- HTML5 文字及图片标签解析
- 如何从完好的数据文件恢复oracle数据库
- /usr/sap//DVEBMGS00满了怎么处理
- 网络编程常见问题总结
- Spring MVC返回json格式
- 学习笔记:右值引用
- Android .mk文件语法解析
- 《TCP/IP详解:卷1》之TCP/UDP总结
- Error contacting service. It is probably not running 错误