HTML标签

2018-05-05  本文已影响0人  以你之姓_冠以我名Ms_Li

<!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表单标签中

上一篇 下一篇

猜你喜欢

热点阅读