头部区域的元素标签:
<title>, <style>, <meta>, <link>, <script>
<base> 定义页面中所有链接默认的链接目标地址
<meta> 元素来描述HTML文档的描述,关键词,作者,字符集等。
<link> 标签通常用于链接到样式表
<style> 定义样式文件
<script> 定义了客户端的脚本文件
<div> 分块布局
<a href=”” title=””>连接跳转
<img src=””>
<iframe> 一个内联的html
<br> 换行
<hr> 创建水平线
<!–…--> 注释
<b>加粗文本 bold=<strong>
<i>斜体文本 italics=<em>
<sub> 下标
<sup> 上标
<big> 放大
<small> 缩小
<del> 定义删除字
<abbr title=“etcetera”>etc.</abbr> 缩写
<address> 定义地址
图片:
<alt> 属性用来为图像定义一串预备的可替换的文本。
在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。此时,浏览器将显示这个替代性的文本而不是图像
表格:
<table> 表格定义
<tr> 行
<th> 表格的表头
<td> 单元格,数据单元格可以包含文本、图片、列表、段落、表单、水平线
<caption>表格标题
<colgroup> 定义表格列的组
<col> 定义用于表格列的属性
<thead> 定义表格的页眉
<tbody> 定义表格的主体
<tfoot> 定义表格的页脚
列表:
<ol> 有序列表
<ul> 无序列表
<li> 列表项
<dl> 定义列表
<dt> 自定义列表项目
<dd> 自定列表项的描述
表单:
。。。 | 。。。 |
---|---|
<form> | 表单 属性action请求地址 |
<input> | 输入域 属性type name id value |
<textarea> | 一个多行的输入控件 |
<label> | 定义了 <input> 元素的标签,一般为输入标题 |
<button> | 定义一个点击按钮 |
<checkbox> | 多选按钮 |
<fieldset> | 一组相关的表单元素,并使用外框包含起来 |
<legend> | 定义了 <fieldset> 元素的标题 |
<select> | 定义了下拉选项列表 |
<option> | 下拉列表中的选项 |
<optgroup> | 定义选项组 |
标签内都可以添加style 属性 title(放在文本上 显示)
CSS:
141个颜色名称是在HTML和CSS颜色规范定义的(17标准颜色,再加124)
三基色 R G B
内联样式- 在HTML元素中使用"style" 属性
<p style=“color:blue;margin-left:20px;”>This is a paragraph.</p>
内部样式表 -在HTML文档头部 <head> 区域使用<style> 元素 来包含CSS
外部引用 - 使用外部 CSS 文件
当样式需要被应用到很多页面的时候,外部样式表将是理想的选择
最好的方式是通过外部引用CSS文件.
元素 类 ID 选择器(权重) 过滤器 文字 display属性 框
Bootstrap:
栅格 表单 按钮(组) 导航(栏) 面板 表格 其他组件
响应式布局:
https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Media_queries
https://www.bootcdn.cn/