为什么是html呢,因为他的文件后缀都是html的,再简单说说html,css和js的区别,其实就是框架,内容,动态效果即高级一点的操作的关系。
然后是前端你需要了解的一些标签。这些标签都遵循这web定的规则。特别说明一下,就是大多数标签都是成双成对的
先来个入门案例
<!DOCTYPE html>
<html lang="en">//这个主要提醒你要不要翻译
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>第二次写希望不会失败</title>
</head>
<body>
王乃琳,认识王乃琳,hello,hello听得见吗?,你老伸伸手。
</body>
</html>
来一个个解释一下
<!DOCTYPE html> 英语好的读者都知道,这是文件类型的意思,说明是html类型的,
<html lang="en">//这个主要提醒你要不要翻译英语,当然你也可以写fr,在网页就会提醒了要不要翻译成fr
<head>
<meta charset="UTF-8"> //字符集dddd
<meta http-equiv="X-UA-Compatible" content="IE=edge">//这是在哪里展示的意思
<meta name="viewport" content="width=device-width, initial-scale=1.0">//不会
<title>第二次写希望不会失败</title>//写网页名称
</head>
<body>//网页内容
王乃琳,认识王乃琳,hello,hello听得见吗?,你老伸伸手。
</body>
</html>
head没什么好说主要是,body标签,你的网页名称花里胡哨不到哪里去,但是你的内容就可以狠涩
标题标签
语法如下
<h1> 嘉然小姐</h1>
<h2>嘉然小姐</h2>
<h3>嘉然小姐</h3>
<h4>嘉然小姐</h4>
<h5>嘉然小姐</h5>
<h6>嘉然小姐</h6>
好像做嘉然小姐的。。。
效果如下
段落和换行
语法如下
<p>
为了你,我要</br>给你一拳//孤儿,只需要出现一次,强制换行
</p>//段落标签
<p>
要好好吃饭捏!!!!
</p>
文本格式化标签
加粗 | <strong>或<b> | 重点 |
倾斜 | <em> or<i> | 重点 |
下划线 | <del> or<s> | |
删除线 | <ins> or<u> |
以上都是前者较为强烈的效果表达,记忆前面皆可
盒子标签
<span> | 可以在同一行,会有间距 |
<div> | 独占一行 |
这就是区别
图像标签
<src = "图片的路径"/> | 放入图片 |
<src = "" alt = “内容”/> | 图片显示不了的文字 |
<src = "" title = "内容"/> | 鼠标放上图片显示的文字 |
<src = "" width= height=/> | 宽和高 |
<src = "" border = /> | 边框 |
注意宽和高设置时,最好设置一个就行,不然会g
超链接标签
主要是从一个链接,调到另一个链接
主要说说锚点链接会抽象,就是一个网页内的连接应用
<a href="#top">内容
<a id="top">地点</a>
<h1>外部链接</h1>
<a href="https://t.bilibili.com/?spm_id_from=333.788.0.0" target="_self">这是一个奶淇林的动态捏</a>
<h2>内部网页连接</h2>
<a href="图像标签.html" target="_blank">果咩纳塞</a>
<h3>空连接,用在你想摆烂的时候</h3>
<a href=#>摆烂摆烂,爷的最爱捏,点不到哈哈哈</a>
<h4>放一些特殊后缀文件,是会自动下载</h4>
<a href="111.rar" >这是我最后的文件了</a>
<h5>放文件时会怎么样捏</h5>
<a href="向晚.jpg" target=" _blank">那样不好不好 </a>
解释一下target 决定的是点击是跳转新的页面后从本页面转。(英文好的冻着看单词就明白意思了)