<!DOCTYPE html> HTML文档的第一行,处于<html>标签之前,告知浏览器的解析器用什么文档标准解析这个文档,Doctype不存在或格式不正确会导致文档以兼容模式呈现。
一个文档只能有一对<html>标签,也只有一对<body>标签
<meta charset="utf-8"/>设置当前网页上的字符代码。
<neta http-equiv="X-UA-Compatible" comtent="IE=edge"> 写这个为了使文档适用于IE浏览器,不会出问题
<meta name="viewport" content="width=device-width, initial-scale=1"> 针对移动端的设置 可以设置宽度和比例
<link rel="stylesheet" type="text/css" media="screen" href="main.css"> 调用CSS
<script src="main.js">调用JS
<title> 标题</title> 标题标签 必须要写 用于让网络爬虫通过热词首先找到它
视口 <meta name="viewport" >适用的窗口大小可以伸缩大多以1:1的比例改变
<body></boidy>文档内容 网页中所有的内容都需要写在<body>标签里
<a href=“链接地址”></a>链接标签,可以从当前页面链接到其他页面,但要描述正确位置,否则将链接不到
语义标签 不加样式表 用来提醒该快标签的作用 以下是一些常见的语义标签
<address> </address> 专门用于写公司网站地址的标签, 网页的底部
<article> </artide> 独立的区块 例如导航栏
<aside> </aside> 侧边栏标签
<header> </heade> 头部标签
<footer> </footer> 脚部标签
<nav> </nav> 导航
<audio> </audio> 音频播放 它有很多属性包括:1、autoplay 自动播放 2、src 地址 ../ 先返回上一层 3、controls 显示控件 4、loop 循环播放 5、 muted 静音 6、preload 预加载
b标签
<br/>换行
<button> 按钮,它的一个type属性有三个值代表的意思也就不同 “submit” 提交按钮 可以将数据提交到后台
“reset” 重置按扭 清空文本框
“button” 普通按钮 能产生什么动作鱼药自己写
d 标签
<dl><dt><dd>是一组标签,作用于类似热点商品的图片和介绍
div 层标签, 透明的 用于页面分割及布局
e标签
<em> 加重语气,表示语气特别重,一般一个文档里有最多一个最重语气,不过一般不把它用于加重语气而是用他做图标
f标签
<footer> 脚部标签 语义
<form> 表单标签 action 赋予名字,用于调用CSS/JS
h标签
<h1~6> 标题标签 网页显示文字有大小加粗的去区别,h1最大h6最小 一般一个网页里只能有一个h1标签,是最重要的标签 而网页也不常用h5、h6 常用h3、h4
<header>头部标签 语义
<hr/>水平线 一般不常用 可用样式表代替
i 标签
<i> 符号标签
<iframe> 嵌入网页 把其他网页嵌入我的页面
<img> 图片 属性:src 地址 alt 图片代替文字,当图片不能正常显示时会有一段文字代替 title 鼠标悬停文字 当鼠标放在图片上时显示的文字 width 图片宽度 height 图片高度
<input> 文本输入 属性: name 赋予名字 调用CSS/JS
type=text 文本框 type=radio 单选 type=checkbox 复选 type=file 上传文件 type=button 按钮 (html4)
l标签
<ladel>文字标签 告知用户旁边或附近的块气什么作用
<nav>导航 语义
<ol><li>一组标签 有序列表 用在导航或者名次排列,不常用
<ul><li>一组标签 无序列表 用在导航 常用 代表少量的定值的数据的集合
p标签
<p>段落标签,
s标签
<section> 区块 语义
<select>下拉框 下拉框标签也是 form标签的一种
<span>加重语气 比较轻,常用
<strong> 加重语气 比较重 少量运用
t标签
<table> 表格内涵许多标签
<textarea> 文本域控件 一般写在form表单标签中
网友评论