浏览器 shell(外壳)+内核
IE trident
Firefox Gecko
Google chrome Webkit/blink
Safari Webkit
Opera presto
可以复制到文本编辑器中看，格式缩进更舒服。
<!-- Ctrl+? 注释-->
<!-- 输入标签 之后按Tab键自动添加<> -->
html(hyperText markup language!!!) <!-- 超文本标记语言 -->
<html lang="en"> <!-- lang="en" 告诉搜索引擎爬虫，我们的网站是关于什么内容的 -->
<head>
<meat charset="utf-8"> <!-- unicode 万国码 utf-8 扩展8 bit的万国码-->
<title>FarInACG</title> <!-- 网页标题-->
</head>
<body>
<p></p> <!--段落标签 独成一段-->
<h1></h1> <!--标题标签 h1到h6 字体从大到小 独成一段 加粗字体-->
<strong></strong> <!--加粗 -->
<em></em> <!--斜体 -->
<del></del> <!--中划线-->
<address></address> <!--独占一行 斜体-->
<div></div> <!--充当容器 换行 绑定操作 分块明确 让页面结构化-->
<span></span> <!--容器 不换行-->
空格 <!-- 空格和回车 是文本分隔符-->
<!--html编码 带表一个空格-->
< <!-- html编码 带表< -->
> <!--html编码 带表> -->
<br> <!-- 单标签 换行-->
<hr> <!--水平线-->
<ul type=""> <!--type属性有 disc实心圆 square方块 circle 圈-->
<li></li>
<li></li>
<li></li>
</ul> <!-- 无序列表 制作导航栏-->
<img src="" alt="" title=""> <!-- scr图片的资源地址
1.网上的url(获取方式：右键图片在新标签页打开 复制地址即可)
2.本地的相对路径(.html文件和资源在同一个文件夹下 使用资源文件名加后缀即可)
3.本地的绝对路径(.html文件和资不源在同一个文件夹下 资源地址需要写全)-->
<!-- alt图片占位符 图片地址错误而加载失败的时候 的文本提示-->
<!-- 图片提示符 鼠标放到图片上 给出提示-->
<a href="" target=""></a> <!-- 超链接 href填写将要跳转的链接 -->
<!-- target 设置为 _blank 则在新标签页中打开链接-->
<!-- 锚点 记录位置 做置顶 需要在href中填写 id唯一标识-->
<!-- 打电话 href中写tel:13943022728-->
<!-- 发邮件 href中写mailto:1356623258@qq.com-->
<!-- 协议限定符 href="javascript:+while(1){alert('死循环弹窗')}"-->
<form method="" action=""> <!-- 发送数据method="get" action是发送到的地址 -->
<input type="text" name=""> <!-- 账号 name 数据名-->
<input type="password" name=""> <!-- 密码 name数据名-->
<input type="submit" > <!-- 提交 需要name和value-->
<input type="radio" name="" value=""> <!-- 单选框 把不同的单选框的name设置成相同的就是一组的 value是值
onfocus当鼠标聚焦时 onblur当鼠标失去焦点时 单选框后添加checked="checked"默认选中-->
<select name=""> <!-- 下拉菜单-->
<option></option>
<option></option>
<option></option>
</select>
</form>
<!-- 两栏布局 -->
<!-- <div class="right"></div> 先写需要定位的标签
<div class="left"></div> -->
<!-- margin塌陷 -->
<!-- <div class="wrapper">
<div class="content"></div>
</div> -->
<!-- margin合并 -->
<!-- <span class="box1"></span>
<span class="box2"></span>
<div class="demo1"></div>
<div class="demo2"></div> -->
<!-- float模型 -->
<!-- 浮动元素产生了浮动流
1.所有产生了浮动流的元素。块级元素看不到他们
产生了bfc的元素和文本类属性（inline）的元素以及文本都能看到浮动元素 -->
<!-- <div class="float">
</div> -->
<!-- 伪元素 -->
<!-- <span id="weiyuansu"></span> -->
<!-- 溢出容器 打点展示 -->
<!-- 单行文本 -->
<!-- <p id="point">啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
啊啊啊</p> -->
<!-- 多行文本 -->
<!-- 不做打点处理 做截断处理 height 是line-height的倍数 然后加overflow：hidden即可 -->
</body> <!-- 结构化标签 用户看到的放这里-->
</html> <!-- 根标签-->
注意 p标签里不能套div
a标签不能套a标签
没有评论:
发表评论