前端基础总结,HTML基础知识分享

前端基础总结,HTML基础知识分享
  HTML基础知识
 
  HTML的历史:HTML,XHTMLHTML的全局属性:全局标准属性,全局事件属性HTML的元素:标记语言,是一种将文本以及与文本相关的其他信息结合起来,展现出关于文档结构和数据处理细节的电脑文字编码。HTML,为超文本标记语言。是可扩展超文本标记语言,是一种更纯洁,更严格,更规范的代码。文件由文件头和文件体两部分组成。标签的分类:双标签,单标签。双标签:由“开始标签”和“结束标签”两部分构成,必须成对使用,且必须合理嵌套。
 
  单标签:在开始标签中进行关闭(以开始标签的结束而结束)。
 
  在中,规定了8个全局标准属性。
 
  用于定义元素的类名。用于指定元素的唯一。用于指定元素的行内样式。用于指定元素的额外信息。用于指定激活某个元素的快捷键。支持属性的元素有。用于指定元素在键下的次序。支持属性的元素有用于指定元素中内容的文本方向。的属性值只有和两种,分别是和。用于指定元素内容的语言。,在页面加载结束后触发。,在用户从页面离开时触发,如单击跳转,页面重载,关闭浏览器窗口等。,当元素失去焦点时触发。,在元素的元素值被改变时触发。,在元素获得焦点时触发。,当表单中的重载按钮被点击时触发。,在元素中文本被选中后触发。,在提交表单时触发。,在用户按下按键时触发。,在用户按下按键后,按着按键时触发。该属性不会对所有按键生效,不生效按键如:,。,当用户释放按键时触发。,当在元素上单击鼠标时触发。,当在元素上双击鼠标时触发。,当在元素上按下鼠标按钮时触发。,当鼠标指针移动到元素上时触发。,当鼠标指针移出元素时触发。,当鼠标指针移动到元素上时触发。,当在元素上释放鼠标按钮时触发。,当退出媒体播放器时触发。,当媒体已停止播放但打算继续播放时触发。一个HTML文档包含的标签,声明文档类型。,HTML元素真正的根元素。,定义文档的文档头。,定义文档的文档体。,用于设定网页的字符集,便于浏览器解析与渲染页面。
 
  代码:
 
  ,用于告诉浏览器如何缓存某个响应及缓存多长时间。
 
  参数:
 
  ,用于设定网页的到期时间,过期后重新到服务器上重新传输。,网页将在设定的时间内,自动刷新并转向设定的网址,用于设置网页过期。无语义元素:,是内联标签,用在一行文本中,是块级标签。DIV+CSS
 
  用于存放需要显示的数据,用于指定如何显示数据样式,做到结构与样式相互分离。
 
  查看div+css样式HTML:点击下方链接跳转,可查看源码:
 
  div-css.html
 
  普通文本,定义粗体文本,定义大号字,定义着重文字,定义斜体字,定义小号字,定义加重语气,定义下标字,定义上标字,定义插入字,定义删除字计算机输出,定义计算机代码,定义键盘输出样式,定义计算机代码样本,定义打字机输入样式,定义预格式文本术语,定义缩写,定义首字母缩写,定义地址,定义文字方向定义长的引用,定义短的引用语,定义引用,引证,定义一个概念,项目
 
  图片元素
 
  标签的属性,默认值为。文本链接是标签之间的元素内容为文本内容。锚点链接是用,锚点通常用唯一属性值设定。
 
  图像热区链接,是什么呢?当你在看一些购物网页的时候,一张图片上,可以在不同的地方链接到不同的目标位置,点击不同的地方可以跳转到不同的网页,这也是做商城项目一般要用到的技术。
 
  这个时候不是标签元素了,而是元素。
 
  元素的属性有两个,属性。
 
  的坐标系,原点为图片的左上角,x轴正方向向右,y轴正方向向下
 
  我画个图哈,反映的坐标系:
 
  图像热区链接的使用,标签定义一个,可以含一个以上的热区,每个热区都有独立的链接。
 
  要为标签赋予属性。
 
  将标签的属性与标签的属性相关联。
 
  为了证明我学会了,我写一个html页面。
 
  点击跳转:imgmap.html
 
  e-mail链接主要是看到有很多官方网页需要做的一个打开一封新的电子邮件。
 
  点击下方链接即可看到效果:
 
  联系我们
 
  代码:
 
  点击JavaScript链接:
 
  点击弹窗
 
  代码:
 
  空链接是指未指派目标地址的超链接。
 
  空链接的代码:
 
  整合列表html网页,点击跳转:ul-ol.html
 
  无序列表,定义无序列表,定义列表项。
 
  的属性值:点,方块,圆,无。
 
  有序列表,定义有序列表,定义列表项。
 
  的属性值:数字,大写字母,大写罗马数字,小写字母,小写罗马数字。
 
  属性定义序号的开始位置。
 
  定义列表,定义列表内部可以有多个列表项标题,每个列表项标题用标签定义,列表项标题内部又可以有多个列表项描述,用标签定义。
 
  整合表格html网页,点击跳转:table.html
 
  定义表格定义表格标题定义若干行定义若干单元格定义表头表格分头部,主体,底部:三个标签。的两个属性:用于定义单元格跨行,用于定义单元格跨列标签通常用于对表格内容进行分组。表单由标签定义,属性定义了表单提交的地址,属性定义表单提交的方式。
 
  代码:
 
  表单控件,用于输入更多的文本
 
  元素
 
  标签具有3个属性。
 
  用于提交参数用于输入文本内容和分别用于文本框的列数和行数,宽度和高度。
 
  效果:
 
  自我评价:
 
  代码:
 
  定义一个框架集,用于组织多个窗口,每个框架存有独立的html文档不能与共同使用,除非有元素用于定义中一个特定的窗口。空元素属性,用于为那些不支持框架集的浏览器显示文本,与元素相同,有的属性,还加了和
 
  代码:
 
  HTML 中的预留字符必须被替换为字符实体。

推荐阅读