HTML基础知识点

1>头信息的作用
1. 可以设置网页的标题。
2. 可以通知浏览使用指定的码表解释html页面.
3.写入关键字便于搜索其主要内容

2>html常用的标签:
<h1>~<h6> 表示是一个标题
<p> 段落标签
<hr/> 水平线标签
<br/> 换行标签
<sub> 下标
<sup> 上标
<pre> 原样标签: 原样标签会保留空格和换行符。
<ol> <li> 有序的列表标签、
<ul> <li> 无序的列表标签。
项目列表标签(dl dt dd)
行内标签(span)
块标签<div> div标签的内容会独立占一行。

html的标签作用:用于描述一个网页的结构的。如果需要操作数据的样式:通过标签的属性操作的。

标签的类型:
1. 有开始标签与结束标签。 <p> </p> 需要把网页的数据内容封装到标签中。
2. 开始标签与结束标签都是在一个标签体内的。 比如: <hr/> 功能单一不需要封装数据到标签中。

3>常用的实体字符:
空格 &nbsp;
小于号 &lt; 大于号 &gt;
人民币 &yen;
版权 &copy;
商标 &reg;

4>媒体标签:
hidden : 设置隐藏插件是否隐藏。
src :用于指定文件的路径。例如:<embed src="1.mp3" ></embed>

<marquee> 飘动标签
direction : 指定飘动的方向
scrollamount : 指定飘动的速度。
loop :指定飘动的次数

5><a> 超链接标签
a标签常用的属性:
href : 用于指定链接的资源
target: 设置打开新资源的目标_Blank:在独立的窗口上打开新资源 _self: 在当前窗口打开新资源

file: file协议(文件协议)这种协议主要是用于搜索本地机器的资源文件的。
格式:file:\\f:\风景\1.jpg

a标签的原理:
1. a标签的href属性值如果是以http开头的,那么浏览器会马上启动http解释器去解释该网址,首先会在本地机器去找一个hosts文件, 如果在hosts文件上该域名没有对应的主机,那么浏览器就去到对应的dns服务器去寻找该域名对应的主机号。如果找到了对应的主机,那么该请求就会发给对应的主机。
2. 如果a标签的href属性值没有以任何协议开头,那么浏览就会启动file协议解释器去解释该资源路径。
3. 如果a标签的href属性值并不是以http开始,而且其他 的一些协议,那么这时候浏览器就回去到我们本地的注册表中去查找是否有处理这种协议 的应用程序,如果有,那么马上启动该应用程序处理该协议。
邮件 的协议: mailTo
迅雷的协议: thunder
超链接标签的作用:
1. 可以用于链接资源。
2. 锚点点位.
1. 首先编写一个锚点 锚点的格式: <a name="锚点名字"> 数据</a>
2. 使用a标签 的herf属性连接到锚点出。 href=”#锚点的名字“

6><img>图片标签:
img标签常用的属性:
width: 设置图片宽度
height 设置图片高度
alt: 如果图片资源无法找到,那么就显示对应的文字对图片进行说明。
热点图:点击图片的一部分跳转到另外一个页面。

7><table>表格标签
表格使用到的标签:
<table> 表格
<tr>
<td> 单元格
<th> 表头 默认的样式是居中,加粗。
<caption> 表格的标题
表格常用的属性:
border 设置表格的边框
width : 设置表格的宽度
height: 设置表格的高度的。
colspan: 设置单元格占据指定的列数。
rowspan : 设置单元格占据指定的行数。

8>表单标签: 表单标签的作用是用于提交数据给服务器的。
表单标签的根标签是<form>标签
常用的属性:
action: 该属性是用于指定提交数据的地址。
method: 指定表单的提交方式。
get : 默认使用的提交方式。 提交的数据会显示在地址栏上。
post : 提交的数据不会显示在地址栏上。
注意: 表单项的数据如果需要提交到服务器上面,那么表单项必须要有name的属性值。

  • 4
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值