HTML基础
1.HTML介绍
1. 前端三大组成部分--HTML(结构)--CSS(样式)--JS(行为)
2. HTML--超文本标记语言:负责的是页面结构
2.HTML骨架1.
2. <!DOCTYPE HTML> -- 文档类型是html
3. <html> </html> -- 页面中最外层标签--根标签
4. <head> </head> -- 网页头部标签-里面内容主要是给浏览器看的内容
5. <meta charset="UTF-8"> -- 页面编码标准
6. <title> </title> -- 网页标题标签-里面内容会显示在浏览器窗口标签上
7. <body> </body> -- 网页主体标签-里面内容显示在浏览器的窗口中
3.HTML语法规则1. HTML页面由正确嵌套的标签(标记)构成
2. 标签分为单标签和双标签a. 单标签 -- <单标签名称 />
b. 双标签 -- <双标签名称> </双标签名称>
3. 属性的语法a. 键值对b. 属性名="属性值"c. <标签名称 属性名1="属性值" 属性名2="属性值">
4. 空格和换行的实现方法a. 空格实体 -- b. 换行标签 -- <br >
4.基础HTML标签标签语义化的好处--搜索引擎中排名更靠前
<h1>一级标题</h1>
<p>文章段落</p>
<b>加粗效果</b>
<s>删除线效果</s>
<i>倾斜效果</i>
<strong>加粗效果</strong>
<del>删除线效果</del>
<em>倾斜效果</em>
<div>大盒子</div>
<span>小盒子</span>
<!-- 注释内容 -- >
<img src="图片路径"/>属性名="属性值"--键值对语法
5.路径1. 路径的书写方式分为了绝对路径和相对路径两种绝对路径
1. 从盘符(根目录)为起点,找目标文件,经过的目录都用" / "隔开
2. 资源的路径不能保证不会变化,所以不用这种方式相对路径1. 从当前目录为起点,找目标文件,经过的目录都用" / "隔开'
2. 开发人员常用的书写资源路径的方式--我们关注的是最终的显示效果是否正确就可以了
3. 相对路径的三个方向:a. 同级路径--目标文件在同级目录-- 直接写目标文件b. 下级路径--目标文件在下级目录-- 下级目录/目标文件c. 上级路径--目标文件在上级目录-- ../目录
6.超链接1. 超链接标签使用<a></a>标签可以实现a. 超链接的作用一般是点着一个文字,跳转到一个页面,所以一个超链接最基本的内容包含两个部分b. 点击的内容-- <a>点击的内容</a>c. 跳转的连接-- <a >点击的内容</a>i. <a href="本地资源路径">点击的内容</a>
2. 新窗口打开链接地址a. <a href="本地资源路径" target="_blank">点击的内容</a>
3. 空链接a. 点击后不会发生跳转的链接b. <a href="#">点击的内容_点击后不跳转</a>i. 一个#号点击后会瞬移到页面顶部ii. <a href="###">点击的内容_点击后不跳转</a>c. <a href="javascript:;">点击的内容_点击后不跳转</a>d. <a href="javascript:void(0);">点击的内容_点击后不跳转</a>
7.表单1. 表单的作用--web网页上用来收集用户数据，并且将数据提交到后台
2. 表单标签:
3. action--数据提交给哪个后台程序
4. method--通过什么方法传递a. get--明文传递--直接写纸上b. post--加密传输--信封装起来
5. 常见表单元素<form action="" method="">表单域里的内容</for
|
|
收藏
淘帖
踩
