HTML是框架,CSS是样式
HTML进行布局,CSS进行页面的美化
RDBMS:关系数据库管理系统 (支持GPL协议)
1.数据以表格的形式出现
2.每行为各种记录名称
3.每列为记录名称所对应的数据域
4.许多的行和列组成一张表单
5.若干的表单组成database
HTML自动忽略标题和段落开头的空格
<h1>.............</h1>标题
<p>.......</p>段落
<a href='str_link'>...............link_name</a>链接
<a href="http://www.w3school.com.cn">This is a link</a>
图像是通过 <img> 标签进行定义的
大多数HTML元素可以嵌套
HTML元素可以拥有属性,属性值使用双引号""
<h1 align="center">
<body bgcolor="yellow">
<table border="1">
HTML水平线:<hr /> 标签在 HTML 页面中创建水平线
HTML 注释:<!sbdjahjdhsadh>
用<br />创建空行,换行
<p>
sb<br />SB<br />sbsbsb<br />
</p>
样式:
设置颜色背景
<p style="background-color:pink">this is a pink paragraph.</p>
字体颜色&尺寸(font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸):
<h1 style="font-family:meiryo;color:red;font-size:20px">aaaaaaaaaaaa?</h1>
文本对齐:
<p style="text-align:center">This is paragraph</p>
文本格式化:
预格式文本(使用 pre 标签对空行和空格进行控制)
<pre>
for i in range(10):
print(i)
</pre>
缩写字母和首字母缩写
<abbr title="etcase">etc.</abbr>
<acronym title="world wild web">www</acronym>
块引用:实现长短不一的引用语<blockquote>浏览器通常会对 blockquote 元素进行缩进处理
<title></title>:文档的标题
超链接:可以点击这个内容跳转到指定的内容区域中(可以添加target="_blank"属性,使跳转的时候可以新建一个页面)
<a href="http://oa.topband.com.cn:7001/defaultroot/upload/loginpage/201711/2017110609374003016721011.jpg" target="_blank">href_name</a>
name属性:规定了锚的名称(可以在BBBBB处点击链接跳转到指定的tips_name处)
<a name="tips">tips_name</a>
<a href="#tips">BBBBBBBBBBB</a>
图像标签<img>和源属性src&替换文本属性alt(为页面上的图像都加上替换文本属性是个好习惯,这样有助于更好的显示信息,并且对于那些使用纯文本浏览器的人来说是非常有用的)
<img src="https://veads-cdn-e1.ve.com/image/aHR0cHM6Ly93d3cuZm9yZXZlcjIxLmNvbS9pbWFnZXMvM19iYWNrXzc1MC8wMDA2MTAxNi0wMi5qcGc=/proxy/180/180/7126/cb1.0.1.5b27d2f55572c">
将图像作为链接:
<a href="www.hao123.com" target="_blank">
<img border="0" src="https://gss0.bdstatic.com/5bVWsj_p_tVS5dKfpU_Y_D3/res/r/image/2017-09-27/297f5edb1e984613083a2d3cc0c5bb36.png">
</a>
图像映射:(图像中的区域设置按键响应)
<img
src="/i/eg_planets.jpg"
border="0" usemap="#planetmap"
alt="Planets" />
<map name="planetmap" id="planetmap">
<area shape="circle" coords="180,139,14" href ="/example/html/venus.html" target ="_blank" alt="Venus" >
</map>
border设置边界属性
表格中的空单元格用占位符
有序列表和无序列表:
<ol>
<li>dsajhdaj</li>
<li>阿的江阿卡</li>
</ol>
<ul>
<li>dsajhdaj</li>
<li>阿的江阿卡</li>
</ul>
可以通过 <div>(可以直接设置一块的属性,可以作为其他元素的容器) 和 <span> 将 HTML 元素组合起来。
HTML <span> 元素
HTML <span> 元素是内联元素,可用作文本的容器。
<span> 元素也没有特定的含义。
当与 CSS 一同使用时,<span> 元素可用于为部分文本设置样式属性。
HTML类(操作方法和class一样) span分类行内元素
<!DOCTYPE html>
<html>
<head>
<style>
.cities {background-color:black;color:white;argin:20px;padding:20px;
}
span.red{color:red;}
</style>
</head>
<body>
<div class="cities">
<h2>London</h2>
<p>
London is the capital city of England.
<span class="red">It is the most populous city</span> in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.
</p>
</div>
</body>
</html>