首页 / 知识

带你Html一天入门

2023-04-11 13:50:00

带你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：

标签网页标记语言文件语言加载

最新内容

相关内容

热门文章

推荐文章

标签云

猜你喜欢