前端知识总结

HTML基本结构标签前端知识总结_第1张图片

HTML常用标签

  • 标题标签:
<h1>
...
<h6>
  • 段落标签和换行标签:
<p>我是一个段落标签p>
换行标签<br />
  • 文本格式化标签
    前端知识总结_第2张图片
    前端知识总结_第3张图片
  • 图像标签
    前端知识总结_第4张图片
    前端知识总结_第5张图片
  • 超链接标签
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像a>

前端知识总结_第6张图片

链接分类:

  1. 外部链接:
<a href="http://www. qq.com" target="_blank">腾讯a>

target打开窗口的方式默认的值是_self,当前窗口打开页面,_blank新窗口打开页面

  1. 内部链接:网站内部页面之间的相互链接.直接链接内部页面名称即可
<a href= " index.html">首页a>
  1. 空链接:如果当时没有确定链接目标时
<a href="#">首页a > 
  1. 下载链接:如果href里面地址是一个文件或者压缩包,会下载这个文件。
<a href="img.zip">下载文件a>
  1. 网页元素链接:在网页中的各种网页元素,如文本、图像、表格、音频、视频等都可以添加超链接.
<a href="http://www. baidu.com"><img src="img.jpg" />a>
  1. 锚点链接:点我们点击链接,可以快速定位到页面中的某个位置.
  • 在链接文本的href属性中,设置属性值为#洺字的形式,如
 <a href="#two">第2集a>
  • 找到目标位置标签,里面添加一个id属性=刚才的名字,如:
<h3 id="two">第2集介绍h3>
  • 注释和特殊标签
<!--注释语句—->     快捷键:ctrl + /

前端知识总结_第7张图片

你可能感兴趣的:(努力学习的笨学生,html,css,html5)