前端html
2022/3/7 23:18:48
本文主要是介绍前端html,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
一 前端三剑客:html,css,javascript
head中常用的标签:
<head>
<title></title>
<style>写的是css代码
h1{
color:red;
}
</style>
<link rel="stylesheet" href="mycss.css">
<script src="myjs.js"></script>
</head>
body内常用标签:
<b>加粗</b>
<i>斜体</i>
<u>下划线</u>
<s>删除线</s>
<p>分段</p>
<br>换行
<hr>定义一条水平线
<div>作为外部框架,可以嵌入其他标签</div>
<span>组合文档中的行内元素</span>
块级标签和行内标签
常见的块级标签:<h1></h1>,<h2></h2>,<h3></h3>,<h4></h4>,<p></p>,<div></div>
常见的行内标签:<span></span>,i, u, s, b,
img标签
<img src="../../img/aaa/123.png" title="好美哦" width="200px" alt="">
src:
1. 外链地址
2. 本地地址
title:
当鼠标悬浮时候显示的文字信息, title属性是所有标签都有的属性
width:
设置图片的大小,一般只设置一个款或者一个高,默认是等比例缩放
alt:
当图片加载失败的时候,显示的提示信息
a标签:
<a href="http://www.baidu.com" title="这是标题" target="_blank">点我</a>
href:
跳转的地址
target:
_self 默认,从当前标签跳转
_blank
新开一个标签跳转
这篇关于前端html的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-12-25前端大厂面试真题解析与实战攻略
- 2024-12-25如何准备前端面试:新手指南
- 2024-12-25前端面试题详解与实战攻略
- 2024-12-25前端面试真题详解与实战攻略
- 2024-12-252024前端大厂面试真题详解及备考指南
- 2024-12-252024前端面试必备指南:从零开始掌握前端面试技巧
- 2024-12-252024前端面试题详解与实战指南
- 2024-12-21动态面包屑教程:新手入门指南
- 2024-12-21动态主题处理教程:新手必读指南
- 2024-12-21富文本编辑器教程:新手入门指南