2019-05-24
HTML基础知识(一)
软件主要分为两种架构C/S和B/S.
B/S中的B指的是browsers，是浏览器的意思，S值Server指服务器的意思
一个网页主要有三个部分组成:结构,表现,行为.
结构:HTML用于描述页面的结构
表现:css用于控制页面中元素的样式
行为:JavaScript用于响应用户操作
• HTML（HypertextMarkupLanguage)超文本标记语言它主要负责网页三个要素之中的 结构
一个最基本的HTML页面:
<!DOCTYPE HTML>
<html>
<head>
<meta charset='UTF-8'>
<title>网页标题</title
</head>
<body>
<h1>正文标题</h1>
</body>
</html>
常用标签:
<h1>一级标题</h1>
<p>段落</p>
<!__ 注释内容__>注释内容不可以嵌套
<!DOCTYPE html>文档声明 ,写在第一行
<meta charset='UTF-8'>解决乱码问题,写在<head>标签中
<meta>的用法
<meta charest='UTF-8'>设 置页面字符集
<meta name="description" content="">设置页面的描述
<meta name="keywords"content="">设置网页的关键字
<meta http-equiv="refresh" content ="5:url=地址"/>请求的重定向
<html><html/>跟标签,在网页中有且只有一个,里面有两个子标签<head><body>
<head><head/>head中包含了浏览器和搜索引擎使用的其他不可见信息,html中只能有一个head
<title><title/>网页的标题,网页的标题栏上显示. 1.建议将title标签紧贴着head标签编写，这样搜索引擎可以快速检索到标题标签2.网站中的多个页面的title也不应该重复，这样不利于搜索
<body>体标签
作用:标签用来设置网页的主体，所有在页面中能看到的内容都应该编写到body标签中
用法:body标签作为html的子标签使用
<h1>~<h6>
作用:网页中的标题,从h1~h6重要性越来越多,一般标题标签我们只会用到会用到h3,h3以后的标题对于对于搜索没有任何意义,一个页面中只会使用一个h1标签
<p>用于网页中的分段
<br>用于网页中的换行
<hr>用于网页中的水平线,水平线可以将页面分为上下两个部分
<img/>图片标签,可以用来向页面中引入一张外部的图片
属性:
1.src 指向一个外部图片的路径
2.alt 图片的描述
路径
绝对地址：相对于磁盘的位置去定位文件的地址
相对地址：相对于引用文件本身去定位被引用的文件地址
“ ./ ” 表示当前文件所在目录下，比如：“./pic.jpg” 表示当前目录下的pic.jpg的图片，这个使用时可以省略。
“ ../ ” 表示当前文件所在目录下的上一级目录，比如：“../images/pic.jpg” 表示当前目录下的上一级目录下的images文件夹中的pic.jpg的图片。
重点注意：…/代表返回上一级目录 传图片的时候要注意src和img的路径要求
<a>超链接可以快速的跳转到其他页面
属性:herf(指定一个连接地址)
target(打开目标页面的位置,_self当前页面打开,_blank新窗口)
字符实体
• 小于号<– <
• 大于号>– >
• 空格 –
• 和符号&–&
• 版权©– ©
• 引号”– "
• 注册商标® – ®
• 商标™–™7/4_5
