====================html基本结构====================
<html>
<head>
<title></title>
<script></script>
<style></style>
<link></link>
<meta ...>
<...>
</head>
<body>
<h1></h1>
<p></p>
<a ...>
<img ...>
<...>
</body>
</html>
====================标签=====================
<!--注释文字 --> 注释
<h1></h1> 标题标签(支持h1-h6)
<p></p> 段落标签
<img src="1.jpg"> 图片
<em></em> 斜体属性
<strong></strong> 粗体属性
<span></span> 无格式，可组合样式
<q>引用文本</q> “”样式 引用它人词汇
<blockquote>引用文本</blockquote> 缩进样式
<br /> 换行
空格
<hr /> 水平横线
<address>北京市西城区德外大街10号</address>
<code>代码语言</code> 单行代码 多行<pre>标签
<pre>语言代码段</pre> 保持原文件换行与空格
<ul> 无序列表
<li>信息</li> 有序列表ul改成ol
<li>信息</li>
......
</ul>
<div>...</div> 容器
<div id="版块名称">…</div> 容器命名
table、tbody、tr、th、td 表格 整体显示 行 列头 单元格
<table summary="表格简介文本">
<caption>表格标题文本</caption>
<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a> 旧窗口打开连接
<a href="目标网址" title="鼠标滑过显示的文本" target="_blank">链接显示的文本</a> 新窗口打开连接
<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本"> 图像格式GIF PNG JPEG
<form method="传送方式" action="服务器文件"> 表单
<input type="text/password" name="名称" value="文本" /> 单行文本
<textarea rows="行数" cols="列数">文本</textarea> 多行文本
<input type="radio/checkbox" value="值" name="名称" checked="checked"/> 单选按钮
<select></select> 下拉列表
<input type="submit" value="提交"> 提交按钮
<input type="reset" value="重置"> 重置表单
<label for="控件id名称"> 标签与输入控件关联
<style type="text/css"></style> 样式表 注释/*xxx*/
选择器{attr1:val1; attr2:val2...} 嵌入式样式表 p{font-size:12px;color:red;}
<p style="color:blue">xxxx</p> 内联式样式表
<link href="base.css" rel="stylesheet" type="text/css" /> 外部式样式表 标签写head中
class="class_name" .class_name={} 类选择器 使用多次
id="id_name" #id_name={} id选择器 只使用一次
!important 改样式权值
转载于:https://www.cnblogs.com/--xiaoyao--/p/4501776.html
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
