实体、颜色、路径、标签、超链接、图片
一般标签
<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<h3>这是三级标题</h3>
<h4>这是四级标题</h4>
<h5>这是五级标题</h5>
<h6>这是六级标题</h6>
<p>段落</p>
<b>加粗</b>
<strong>加粗(强调)</strong>
<i>倾斜</i>
<em>倾斜</em>
<u>下划线</u>
2 <sup>2</sup> <!--上标-->
2 <sub>2</sub><!--下标-->
<s>删除线</s>
<pre>(格式化文本:按照当前格式在网页上显示)
123
456
</pre>
<center>居中</center>
<br> 换行
<hr> 水平线
<b style="font-weight: normal ; font-style: italic" >倾斜加粗 用css更改样式</b>
<span></span>
<div></div>
实体:&实体名称;
©
<br>下面介绍居中标签:
<<!--(代表尖括号) --> > <center>
练习:
<pre style="font-size: 20px;font-family: 微软雅黑">
<标签名 属性名1="属性值" 属性名2="属性值">
内容
</标签名>
或者
<标签名 属性名1="属性值" 属性名2="属性值" />
</pre>
颜色
1、英文:red blue green white yellow 例:<body bgcolor="red">
2、16进制代码 : #000000 简写:#000 黑色 例:<body bgcolor="#CCC">
3、rgba : rgba(0-255,0,0 ,0-1)三原色+透明度(0完全透明 1不透明)
例:style="background-color: rgba(139,241,66,1.00)"
路径
1、绝对路径:从根开始找
D:\xinzhandian\2018.07.06\index.html
2、相对路径:相对于自己位置开始找
guanju.html
./ 代表当前位置
../ 代表上一级目录
/ 根目录,站点也代表根目录
标签:
标签特性:通过 display:block
a.block:将当前转为块状元素;
b.inline:将当前转为内联元素;
c.inline-block:将当前转为内联-块元素;
d.none:隐藏该元素 样式更改特性
块标签:
默认占一行,可以设置宽高 div h1 p
行内标签:
默认不占一行,不可以设置宽高,宽高根据内容来 span a
行内块标签:
默认不占一行,可以设置宽高 img
超链接 页面跳转 a
<a href="路径" target="打开方式" _self(当前页跳转) _blank(新页面打开)>
百度
</a>
a:
1、页面跳转
2、定位:点击定位到指定位置
(1)设定锚点:给附近的标签加id属性
(2)a标签路径指定到id值 用到 # 代表本页
3、其他功能
下载:浏览器说你这个路径的文件我搞不定,我给你提供下载,你自己看。
打开QQ
iframe 框架
<iframe src="guanju.html" frameborder="1"></iframe><!-- 把另一个页面的内容当做这个页面的窗口-->
图片 img
<img src="吾皇.jpg" alt="图片替换文字" width="100" height="100" title="提示框"><!-- 宽高只设一个会等比缩放-->