彭超的博客
Html常用标签
1、图片
显示图片
<img src="图片路径" />
常用属性
| 属性名 | 作用 |
|---|---|
| src | 设置路径名 |
| title | 设置鼠标停留在图片上显示的信息 |
| alt | 设置图片加载失败显示的信息 |
| height | 设置高度 |
| width | 设置宽度 |
示例:<img src="images/1.png">
2、超链接
显示超链接
<a href="超链接路径">将路径替换为其他在页面显示</a>
常用属性
| 属性名 | 作用 |
|---|---|
| href | 设置要跳转的路径名 |
| target | 设置如何跳转，有如下参数: _blank:跳转至新的空白页面 _self:仍然跳转至本页面 _top: 跳转至顶级窗口 _parent:跳转至父窗口 |
例如:
<a href="http://www.baidu.com" target="_blank">点击进入百度</a>
效果:
3、输入框
根据type的不同有多种样式的表现
<input type=" " />
常用属性
| 属性名 | 作用 |
|---|---|
| type | 设置输入框的类型,默认是text类型。 text:正常输入框 password:输入为掩码 file:传送文件 checkbox:复选框 radio:单选框 |
| value | 输入框输入的值 |
| placeholder | 输入框初始值 |
3、div
块级标签，可以设置宽高，不能和其他标签占用同一行，用来和css搭配使用
示例:<div id="div1">test</div>
4、span
行级标签，不可以设置宽高，可以和其他标签占用一行，用来和css搭配使用。
示例:<span id="span1">test</span>
文章版权声明：除非注明，否则均为彭超的博客原创文章，转载或复制请以超链接形式并注明出处。
◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。
猜你喜欢
03月17日
Vue中v-if 和v-show的区别
03月17日
Vue.js中的条件分支v-if
03月12日
用Python开发web应用—Streamlit框架解析：组件
Streamlit的组件Components是一系列第三方的Python模块，其极大地扩展了Streamlit的功能。 Components带来了无穷的想象力和可能性，比如与React、Vue等前端框架联动、创建自定义风格和行为的新部件...
Tag：前端pythonjavascript03月10日
ECMAScript 6 定义变量关键字之 var 、 let 、 const
定义变量 ES6 中新增了两个可以定义变量的关键字 let、const，加上之前的var，我们来看看这三个的区别和使用场景: var a = 1 let b = 2 const c = 3 console.log(...
Tag：JavaScriptjavascript前端开发语言02月23日
