标签：分区 打开 外部 https 美工 test 显示 doc hyper
HTML(hypertext markup language) 超文本标记语言.
<!--单行注释-->
<!--
多行注释1
多行注释2
多行注释3
-->
搭建前端的时候,常用注释来划分区域
<!--开始-->
代码内容
<!--结束--><!DOCTYPE html> <!--只是web浏览器关于页面使用哪个HTML版本进行编写的指令>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
</head> <!--head部分给浏览器看的-->
<body>
<!--head部分给浏览器看的-->
</body>
</html>
eg:
<h1>一级标题</h1>
<a href="https://www.baidu.com"></a>
<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1574164236&di=673d71a348017105679b4a79b29b5ba3&imgtype=jpg&er=1&src=http%3A%2F%2Fimg2.178.com%2Fnews%2F201706%2F292032664119%2F292033211715.jpg" alt="无法显示后提示的信息">
</body>
</html>块级标签 (h1~h6, p,br,hr,div)
独占一行
块级标签内可以嵌套其他块级标签和行内标签
行内标签(u,i ,s,b span)
行内部文本多大,就占多大
行内不能嵌套行内和块级
title 定义网页标题
style 内部支持写css代码
link 引入外部css样式文件
script 内部可以直接写js代码 也可以引入外部js文件
meta 定义网页源信息
<!--keywords表示搜啥可以搜的到-->
<meta name="keywords" content="动漫,新番,音乐,专辑,BT,游戏,手办,同人,东方,萌化,美工,汉化,galgame,漫画,同人志,同人本,呲哩呲哩 - cilicili.cc">
<!--description表示搜索后显示的内容-->
<meta name="description" content="「 动漫? 二次元 ? ACG ? 萌导航」人生本来很简单，只要快乐就好。 ">| 标签 | 含义 |
|---|---|
| h1~h6 | 标题标签 |
| p | 段落标签,一个p就是一行内容 |
| u | 下划线 |
| i | 斜体 |
| s | 删除线 |
| b | 加粗 |
| br | 换行 |
| hr | 一条分割线 |
| 标签 | 含义 |
|---|---|
|   | 空格 |
| & | & |
| ¥ | ￥ |
| > | > |
| < | < |
| © | ? |
| ® | ? |
div 一块区域,可以在块区内填写任何内容
span 用来组合行内元素，以便通过样式来格式化它们。
div和span是前期构建网页的基本骨架
a 链接标签
跳转功能 herf参数控制跳转的地址
一个地址如果在机器上没有被点击过,默认为蓝色,点击过后,变为紫色
a标签默认是在当前窗口跳转
target = ‘_self‘ (默认)
target = ‘_blank‘ 打开新的标签页
锚点功能
在a标签设置id值
然后再href中传入对应a标签的id值,点击即可跳转到对应的位置
<a href="" id="a1">文章开头</a>
<div style="background-color: red;height: 1000px"></div>
<div style="background-color: green;height: 1000px"></div>
<div style="background-color: orange;height: 1000px"></div>
<a href="" id="a2">文章中部</a>
<div style="background-color: black;height: 1000px"></div>
<div style="background-color: green;height: 1000px"></div>
<div style="background-color: orange;height: 1000px"></div>
<a href="#a1">回到顶部</a>
<a href="#a2">回到中部</a>img 图片标签
ul
li
type参数
disc 实心圆点,默认值
circle 空心圆点
square 实心方块
none 无样式ol
li
type参数
1 数字列表，默认值
A 大写字母
a 小写字母
Ⅰ大写罗马
ⅰ小写罗马dl
dt 小标题
dd 小章节展示数据用
<table>
<thead>
<tr>
<th>username</th>
<th>password</th>
<th>hobby</th>
<th>is_delete</th>
</tr> 一个tr就表示一行
</thead>
<tbody>
<tr>
<td>jason</td>
<td>123</td>
<td>study</td>
<td>0</td>
</tr>
</tbody>
</table>标签：分区 打开 外部 https 美工 test 显示 doc hyper
原文地址：https://www.cnblogs.com/agsol/p/11845397.html
