前端基础随记| 青训营笔记

52 阅读2分钟

超链接标签

1.链接的语法格式

<a href="跳转目标"target="目标窗口的弹出方式">文本或图像</a>[a"anchor的缩写,意为“锚”"]
href 用于指定链接目标的url地址,(必须属性)当为标签应用href属性时,它就具有了超链接的功能。
target 用于指定链接页面的打开方式,其中_self为默认值,_blank为在新窗口中打开方式。

2.链接分类
  1. 外部链接
    如:<a href="http://www.qq.com"target="_blank">腾讯</a>
  2. 内部链接(网站内部页面之间的相互连接)
    如:<a href="index.html">首页</a>
  3. 空链接(没有确定链接目标)
    如:<a href="#">首页</a>
  4. 下载链接(地址链接的是文件.exe或者压缩包) 如:<a href="img.zip">下载文件</a>
  5. 网页元素的链接
    <a href="http://www.baidu.com"><img src="img.jpg"/></a>
  6. 锚点链接:点击链接快速定位到页面中的某个位置
    如:<a href="#live">个人生活</a><h3 id="live">个人生活</h3>(标题处也更改成这样)点击个人生活,就跳转到了标题标签中有live的地方。

HTML中的注释和特殊字符

1.注释
<!--注释语句-->(快捷键ctrl+/)
2.特殊字符

  • 空格号:&nbsp;
  • 小于号:&lt;
  • 大于号:&gt;
    以上三个重点记住,其余若需再查阅即可。

表格标签

  1. 表格的主要作用
    主要用于显示、展示数据。
  2. 表格的基本语法
    <table>:最大的框
    <tr>:行
    <td>:行里面的每一小单元格
    <th>:表头标签,表格中的第一行。如:<th>姓名<th/>,其中的文字会居中并加粗。
表格属性<写到表格标签<table>里面>

列表标签

用来布局页面。分为无序列表,有序列表,自定义列表。
1,无序列表(重要)
<ul>
<li>列表项1</li>
</ul>
ul里面只能放li,li里面可以放任意标签
2,有序列表
<ol><li></li></ol>与无序有相同性质。
3,自定义列表(重点)
<dl>
<dt>名0词1</dt>
<dd>名词1解释1</dd>
<dd>名词1解释2</dd>
</dl>
1.dl里面只能包含dt和dd.dt和dd里可以放任意标签。
2.dt和dd没有字数限制,经常是一个dt对于多个dd。

表单标签

目的:为了收集用户信息。
组成:表单域,表单元素(控件),提示信息。
1.表单域
实现用户的收集和传递
<form action="url地址(传给的后台)"method="提交的方式(get/post)"name="表单名字">
</form>