带你Html一天入门

带你Html一天入门
  1.html:
 
  HyperText Markup Language 超文本标记语言,是最基础的网页语言,而且都是由标签组成。
 
  2.基本格式:
 
  放置一些属性信息,辅助信息。
 
  引入一些外部的文件。(css,javascript)
 
  它里面的内容会先加载。
 
  存放真正的数据。
 
  3.注意事项
 
  1)多数标签都是有开始标签和结束标签,其中有个别标签因为只有单一功能,或者没有要修饰的内容可以在标签内结束。
 
  2)想要对被标签修饰的内容进行更丰富的操作,就用到了标签中的属性,通过对属性值的改变,增加了更多的效果选择。
 
  3)属性与属性值之间用“=”连接,属性值可以用双引号或单引号或者不用引号,一般都会用双引号。或公司规定书写规范。
 
  1.排版标签
 
  1)换行
 
  2)
 
  段落标签 在开始和结束的位置上会留一个空行。
 
  属性:align=对齐方式
 
  3) 一条水平线
 
  属性:
 
  1)宽度:width 值像素 100px  可以写百分比 30%
 
  2)align=对齐方式
 
  3)size 粗细
 
  4)color 值 red green blue  RGB 三原色 (red green blue #aa55ff)
 
  4)div  声明一块区域  数据  css+div
 
  5)span 声明一块区域
 
  代码:
 
  显示:
 
  2.字体标签
 
  1)文本内容
 
  属性:
 
  1)size 字号的大小 最大值是7 最小值是1
 
  2)color 颜色
 
  3)face 字体
 
  2)标题标签
 
  …
 
  从大到小字体缩小。
 
  3)粗体
 
  4)斜体
 
  标签支持嵌套
 
  代码:
 
  显示:
 
  3.列表标签
 
  1)dl 列表标签
 
  上层项目
 
  下层项目特点:自动对齐,自动缩进。
 
  2)有序列表和无序列表
 
  有序:
 
  type:列表前序标号
 
  start:从第几个开始。
 
  无序:
 
  数据条目:数据内容
 
  用户管理
 
  代码:
 
  显示:
 
  4.图片标签
 
  属性:src="图片的路径"
 
  width 显示图片的宽度
 
  height 显示图片的高度
 
  alt 图片的说明文字/Users/apple/Library/Containers/com.tencent.qq/Data/Library/Application Support/QQ/Users/.webp
 
  代码:
 
  显示:一个美女
 
  5.超链接链接
 
  作用:1)链接资源
 
  href="" 必须指定  如果href的值不指定,默认是file文件的协议。只有自己指定协议,链接资源。如果href中指定的协议,浏览器不能解析,就会调用应用程序,可以解析的程序就可以打开。
 
  2)定位资源
 
  name 名称 专业术语 锚
 
  代码:
 
  显示:这里可以多搞一些文字
 
  6.表格标签(重点)
 
  作用:格式化数据
 
  声明一个表格
 
  属性:
 
  1)边框 border
 
  2)width 宽度
 
  3)文字与内边框的距离 cellpadding
 
  行
 
  属性:
 
  1)align 对齐方式(文本内容)
 
  属性:
 
  1)width
 
  2)height
 
  3)colspan 列合并单元格
 
  4)rowspan 行合并单元格
 
  会加粗 并且会居中。
 
  表格的标题
 
  colspan 合并行, rowspan合并列
 
  代码:
 
  显示:
 
  7.表单标签(重点)
 
  作用:可以和服务器进行交互。
 
  输入项的内容  用户名 密码
 
  属性:action="提交的请求位置"
 
  method 提交方式(get和post) 如果method没有写默认是get方式提交。
 
  get和post区别:
 
  1)get方式表单封装的数据直接显示在url上。post方式数据不显示在url上。
 
  2)get方式安全级别较低,post级别较高。
 
  3)get方式数据的长度,post支持大数据。
 
  ** ?sex=on:
 
  在每个输入的标签中指定name和value  name必须指定
 
  ?username=haha&pwd=1223&sex=nv&jishu=html
 
  属性:type 值可以指定很多的值,每一个不同的值代表的不同输入组件。
 
  1)type=text 文本框
 
  2)type=password 密码
 
  3)type=radio 单选按钮
 
  name属性
 
  4)type=checkbox 多选按钮
 
  单选和多选都有默认值:checked="checked"
 
  5)type=reset  重置按钮
 
  6)type=submit 提交按钮
 
  7)type=file  上传文件的输入项
 
  8)type=button 按钮
 
  9)type=image 图片(也是提交按钮,)
 
  10)type=hidden 隐藏标签(用户不用看到的,但是咱们开发时必须要使用的,可以把数据封装到隐藏标签中,和表单一起提交到后台)。
 
  选择标签
 
  选择下拉框
 
  文本域textarea
 
  文本内容
 
  8.框架标签
 
  框架标签不能写在的内部。body不能写在frameset的上面。
 
  代码:
 
  left.html:

推荐阅读