HTML学习笔记

1 网站信息页面

HTML概述：

HTML：Hyper Text Markup Language 超文本标记语言

超文本：比普通文本功能更加强大，可以添加各种样式

标记语言：通过一组标签，来对内容进行描述.<关键字>

<h1>静夜思</h1>
<b><i>--李白</i><b><br>
<p>窗前明月光</p>
<p>疑是地上霜</p>
<p>举头望明月</p>
<p>低头思故乡</p>

HTML的主要作用

设计网页的基础，HTML5

HTML语法规范

    1. 上面是一个文档声明 
    2. 根标签 html
    3. html文件主要包含两部分. 头部分和体部分
        头部分 : 主要是用来放置一些页面信息
        体部分 : 主要来放置我们的HTML页面内容
    4. 通过标签来对内容进行描述,标签通常都是由开始标签和结束标签组成  
    5. 标签不区分大小写, 官方建议使用小写

 font标签

face:改变字体

strong:加粗，带语义标签

em：斜体，带语义标签

2 网站图片信息

　　img标签：常用的属性：

width　　

src　　指定文件路径

alt　　图片加载失败时的提示内容

./  当前路径

../ 上一级路径

../../上两级路径

3 网站友情链接页面

列表标签:

​ 无序列表: ul

​ 　　type: 小圆圈,小圆点, 小方块

​ 有序列表: ol

​ 　　type: 1,a ,A,I,

​ 　　start : 指定是起始索引

　　<li></li>

​ a 超链接标签

​ 常用的属性:

​ href: 指定要跳转去的链接地址

​ 　　如果是网络地址需要加上http协议 ,

​ 　　如果访问的是本网站的html文件,可以直接写文件路径

​ target : 以什么方式打开

​ _self: 默认打开方式,在当前窗口打开

​ _blank: 新起一个标签页打开页面

4 网站首页

表格标签table

​ table标签:

​ 常用的属性:

　　border:指定边框

​ 　　bgcolor : 背景色

​ 　　width : 宽度

​ 　　height : 高度

​ 　　align : 对齐方式

​ 　　tr 标签 行

​　　 td 标签　 列

合并单元格:

​ colspan : 跨列操作

​ rowspan : 跨行操作

​ 注意: 跨行或者跨列操作之后,被占掉的格子需要删除掉

表格的嵌套:

​ 在td中可以嵌套一个表格

width 100%

5 注册页面

 

表单标签
action : 指定提交的地址

method :
get 方式 默认提交方式 ,会将参数拼接在链接后面 , 有大小限制 ,4k
post 方式 会将参数封装在请求体中, 没有这样的限制


input :
　　type: 指定输入项的类型
　　text : 文本
　　password : 密码框
　　radio : 单选按钮
　　checkbox : 复选框
　　file : 上传文件
　　submit : 提交按钮
　　button : 普通按钮
　　reset : 重置按钮
　　hidden : 隐藏域

　　date : 日期类型
　　tel : 手机号
　　number : 只允许输入数字

　　placeholder : 指定默认的提示信息
　　name : 在表单提交的时候,当作参数的名称
　　id : 给输入项取一个名字, 以便于后期我们去找到它,并且操作它

　　textarea : 文本域, 可以输入一段文本
　　　　cols : 指定宽度
　　　　rows : 指定的是高度

　　select : 下拉列表
　　　　option : 选择项

 

6 网站后台

 框架标签:
frameset



注意: 使用了frameset必须将body删掉,否则页面会有问题

frame
     常用属性:

​    src: 引入的html文件路径
​    name: 指定框架的名称