HTML初步了解

这两天初步学习了HTML这一部分,不算很难,也并没有太多需要记忆的东西,简单分享一下.

第一: HTML的基本结构

第二:HTML中的标签

1.title标签

它在其他地方也可以用,是一个全局属性,它表示当鼠标悬停在元素上方一定时间后,会有一个文本提示.

2.meta标签

这是一个自结束标签,主要作用是提供元数据,
也可设置文档编码.

3.h系列标签

h系列标签有h1~h6,常用的有h1~h3;
其中h1尤为重要,它表示整个页面中最重要的标题;
字体大小从h1~h6依次减小.

4.p标签

段落标签

5.a标签

超链接标签,点击之后可跳转页面
a标签中有一个必须要的属性为href

路径分为两种:相对路径和绝对路径
相对路径:以当前的页面所在的路径作为参照物,项目的整体路径发生变迁,不影响相对路径.
  ../  表示上一级目录
  ./   表示当前路径,可以省略
绝对路径:
1.file://...不推荐使用
2.http://加域名  引用其他网站资源时
3./ 这个可说相对路径也可说绝对路径,它是相对于当前网站的根目录来说的.
target属性:_blank  在新的页面中打开链接
           _self   在本身页面中打开链接(默认) 
​

锚点问题:
在h5版本之前,添加锚点需要在目标位置添加一个a标签, 给a标签添加一个name属性,name这个a标签就会成为一个锚点.然后在我们需要跳转的a标签里href属性等于#目标a标签的name属性的值
如:
bbb
目标位置
引用位置
在h5版本中,做锚点的元素可以是任意的元素,只需要在目标位置添加一个id属性即可.
如:
bbb
目标位置
引用位置
​
回到顶部或
去新的页面的某个锚点:
img标签也是一个自结束标签
​

7.br标签

换行标签

8.hr标签

水平线

9.列表(复合标签)

分为无序列表,有序列表,定义列表
1.无序列表

    

    


中只能放置
,但是
内可添加其他元素.
2.有序列表

  

    

 

3.定义列表
 

    

    

    
    

    

    

    
    

    

    

    
    

    

    

    

10.表单元素from

from属性:action将来点击提交按钮的时候的把数据发送到的服务器的地址
         method 发送数据的时候使用http方法, 主要是两个值: get, post
表单小部件:

type属性的值:
1.text 输入纯文本
2. password 输入密码, 输入的文本会用 * 来替换掉.
3. raido 单选按钮. 多个radio可以做到只允许选中一个:这些radio的name属性的值要一样.
4. checkbox 多选框. 多个可以同时被选中.
(checked="checked"可以让某个单选框或者多选框默认被选中,属性值可以省略.)
如果表单数据要提交到服务器,那么表单元素必须要name属性.
​
textarea 文本域,可以输入多行多列.
    属性值:cols  默认列数
           rows  默认行数
select   下拉列表

    北京
    上海

属性除了name,还有size 显示的个数  
                multiple  是否允许多选
​

以上便是最近两天学习html的总结.