前端Day01
浏览器及内核
web标准:结构(html)、表现(css)、行为(js)
html骨架:
<html>
<head>
<title>第一个页面</title>
</head>
<body>
当当当
</body>
</html>
使用vscode工具:!+tab键
<!DOCTYPE html>
<!-- 文档类型 -->
<html lang="en">
<!-- 指定语言,中文为zh-CN -->
<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>
当当当
</body>
</html>
html标签分类:双标签(<标签名></标签名>),单标签(<标签名/>)
html标签关系:并列,包含
常见的html标签:
- 文本标签:
标题标签:<h1>标题文本</h1> h1-h6(独占一行,字体有大变小,字体加粗)
段落标签:<p>文本内容</p> 独占一行,有大的换行
换行标签:<br />
文本格式化标签:
标签 | 显示效果 | 推荐使用 | |
---|---|---|---|
<strong></strong> | <b></b> | 文字加粗 | strong |
<em></em> | <i></i> | 文字斜体 | em |
<del></del> | <s></s> | 删除线 | del |
<ins></ins> | <u></u> | 下划线 | ins |
- 图像标签:<img src="图像URL" />
alt
title
width
height
border
- 路径
相对路径:同一级路径(直接写);下一级路径(/);上一级路径(../)
绝对路径:文件夹地址;网络地址
- 链接标签:<a href="跳转目标" target="目标串口的弹出方式">文本或图像</a>
外部链接:http://
内部链接
空链接:herf="#"
target带开方式:_self当前页面(默认);_blank新的窗口打开
锚点链接:找目标id="";使用<a href="#id名">链接文本</a>创建链接文本(被点击的)