前端HTML等学习笔记,复习,以及自己的理解

目录

HTML入门

HTML的基本标签

路径 

相对路径:

绝对路径:

超链接标签

链接的分类

外部链接:

内部链接:

空链接:

下载链接:

网页元素链接:

锚点链接:

特殊字符

表格标签

表头单元格制作:

对于表格美化

对于单元格的操作

列表标签

无序列表:

有序列表:

自定义列表:

表单标签

各种单元控件

表单元素:

select下拉表单元素

textarea文本域表单元素

HTML入门

HTML的基本标签

是最大的标签,就是根标签,类比main函数

是网页的头部

是网页头部的标签,就是网页的名字

是网页的主体部分

路径

相对路径:

以引用文件所在的位置为参考,而建立的目录路径。

相对路径包括:

同一级的相对路径;

下一级的相对路径;

上一届的相对路径。

绝对路径:

就是在电脑当中的什么位置。

例如。

还有网络中的图片。

超链接标签

超链接的语言规范:

href(必须属性)用于指定链接目标的url地址。

target(属性)用于指定链接页面的打开方式。

其中_self为默认值,_blank为在新窗口中打开方式。

文本或图像

链接的分类

外部链接:

例如百度

内部链接:

首页

XXX.html就是我们自己文件夹的网页。

空链接:

公司简介,还没写,但是先链接过去。

下载链接:

如果href里面地址是一个文件或者压缩包,会下载这个文件。

下载包(如果这个压缩包在我们自己的目录里面)

网页元素链接:

在网页中有图片,文字,音频等都可以添加超链接。

,这个图片可以超链接到一个网页。

锚点链接:

可以快速到达当前页面的某一部分。

first step:

在链接文本中,设置属性值为#名字的形式

如:第二集介绍

second step:

找到目标位置的标签,里面添加一个id属性 = 刚才的名字

如:

第二集介绍

 id就是做个小标记,他有个内部的锚点标签。

特殊字符

空格    

< 小于号   <

> 大于号   >

& 和       &

¥ 人民币   ¥ ;

© 版权   ©

® 注册商标  ®

° 摄氏度   °

土 正负号   ±

乘号   ×

/ 除号   ÷

^2 平方的2   ²

^3 立方的3   ³

表格标签

表示整个表格

表示行

表示列

表头单元格制作:

表头单元格标签(他可以文本是居中,加粗的)

就是一特殊的

对于表格更好的分清表格结构:

 表格的头部区域(就是《th》整个区域)

《thead》内部必须有《tr》标签,一般位于第一行。

 表格的主体区域 (就是《td》整个区域,主要用于数据主体

对于表格美化

属性名   属性值                                描述

align       left,center,right 规定表格相周围元素的对齐方式

border     1或""            规定表格单元是否拥有边框,默认为“”,表示没有边框

cellpadding像素值            规定单元边缘与其内容之间的空白,默认1像素

celllspacing像素值            规定单元格之间的空白,默认为2像素

width     像素值或百分比    规定表格的宽度

height     像素值或百分比    规定表格高度

对于单元格的操作

合并单元格:

跨行rowspan=“合并单元格个数”跨列colspan=“合并单元格个数”

跨行:最上侧单元格为目标单元格,写合并代码,同理跨列最左侧

合并单元格步骤 最后删除多余的单元格

列表标签

无序列表:

    是无序列表,
  • 表示列表项。

    • 列表项
    • 列表项
    • 列表项
    • 列表项

    有序列表:

    1. 列表项
    2. 列表项
    3. 列表项
    4. 列表项

    自定义列表:

    类似以下:

    帮助中心 服务支持  关注我们

    -------------    -------------  --------------

    账户管理   自助服务   官方微信

    订单操作   相关下载   新浪微博

    列表项
    //标题,名词

    列表项
    //内容,注释等

           

    列表项

            

    列表项

    表单标签

    整个空间范围叫表单域(可以把区域内收集到的信息提交给服务器)

    //URL地址:用于接收并处理表中数据的服务器程序的URL地址。

    //method:取值get/post,用于设置表单数据的提交方式。

    //name:名称,用于区别整个网页中不同的表单。

    各种单元控件

    表单元素:

    input输入表单元素(有很多种类型)

    (单标签)

    type取值:

    button 可点击按钮(多数情况是通过JAVASCRIPT启动脚本)

    CheckBox复选框(多选)

    file 输入字段和“浏览”按钮,供文件上传

    hidden 隐藏的输入字段

    image 图像形式的提交按钮

    password密码字段,该字段的字符被掩码

    radio 单选按钮

    reset 定义重置按钮,重置按钮会清除表单中的所有数据。

    submit 定义提交按钮,提交按钮会把表单数据发送到服务器。

    text 定义单行的输入字段,用户可输入文本,默认宽度为20字符

    select下拉表单元素

    就是点击进行下拉众多选项中选择一个,比如省份,年份,星座

    下拉标签

            籍贯:

            

    至少包含一个option

    其中还有一个属性selected=“selected”,初始化就是默认选中。

    textarea文本域表单元素

    可以填写大量内容,支持换行,好多段落书写。