HTML基础复习1
网页：HTML（超文本标记语言）
网页分为静态网页和动态网页，区别：动态网页中可以加入脚本代码，还可以动态的引入数据库中的信息。
HTML的结构
<html>
<head>头信息
<title>网页的标题</title>
</head>
<body>网页信息</body>
</html>Head标签中的子标签：
title：网页标题栏标签
meta：设置浏览器显示该网页的编码
<meta http
gbk、gb2312：中文编码（只有中文占用两个字节）
utf-8：万国码（所有的内容都是以两个字节来显示）
iso-8859-1：英文编码（不能解析中文）
可以解决网页中的乱码
![]()
<style>css样式</style>
<link href = "引入外部css/">
<script>js代码</script>
单标签：
<br/>,<meta />
自己结束的标签
双标签：
<html></html>
需要结束的标签，里面可以写其他标签
Body标签中常见的标签
<h1></h1>:标题标签：数字可以从1~6，对应着1级标题到6级标题特点：加粗、会产生空白行。
属性：就是写在开始标签中。
align水平对齐（默认居中）align="right"（右对齐） align="left"（左对齐）<h1 align>一级标题</h1>。<p></p>段落标签：特点：会产生换行。align水平对齐
<br/>换行标签：注释：
空格：
* * *
：水平线
属性：设置颜色：color = 单词或者十六进制#？？？？
设置宽度：width = "数字或者百分比"
设置粗细：size = "数字或者百分比"
设置对齐方式：align = "水平线所在的位置"
7. <font></font>:设置文本的字体
颜色：color = ""
大小：size = "" 1~7
字体：face = ""
8. <u></u>：下划线
9. <s></s>：删除线
10. <i></i>：斜体
11. <b></b>：加粗
12. <center></center>：居中标签
13. bgcolor = "颜色"：Body的属性
超链接
<a href = "连接路径">文字</a>
连接路径：
相对路径：以当前所在的页面为基准。
如果访问的为本工程下的资源用相对路径。
如果访问的为同一个目录下的，可以直接用网页名称
如果访问的为下一个目录下的，目录名/网页名称
如果访问的为上一层目录下的，../网页名称 上上层../../网页名称
绝对路径：
如果访问其他工程下的资源用绝对路径。
域名通过域名解析（DNS）成为ip地址。
![]()
书签连接（了解）：
指向文档内部的连接，通常在浏览很长的文档使用以便于导航。
<a href = "#标签名"></a> <a name = "标签名"></a>
target：
target = "\_blank"：在新窗口打开连接
target = "\_self"：
图片和多媒体文件的使用：
<img src = "图片的路径"/>可以相对路径和绝对路径
属性：
width = "":宽度
height = "":高度
border = "":边框
<title></title>:鼠标放上去显示的文本
<alt></alt>:当图片无法加载是显示的内容
hspace = "":该图片与同行内容间的水平距离
vspace = "":该图片上下的垂直距离
align:
align = "top":该图片与同行元素顶部对齐bottom:middle:left:该图片靠左显示right:该图片靠右显示
图片超链接：
在img外面加一个<a href = "链接地址"></a>标签
设置图片热区连接：
usemap = "#map的名称"
<map name = "map的名称">
<area shape = "" coords = "" href = ""/>
</map>
背景图片：
body background
滚动字幕：
<marquee></marquee>
滚动速度：scrollamount = ""
滚动方向：direction = ""
背景颜色：bgcolor = ""
音频视频标签
<embed sec = "" width = "" height = "">
</embed>
列表
无序列表
<li>
</li>表示每一个列表项
</ul>有序列表
<li>
</li>
</ol>定义列表
<dt>
</dt>
<dd>
</dd>
</dl>手机扫一扫
移动阅读更方便
你可能感兴趣的文章