HTML后端开发学习部分(节选)

这篇博客介绍了HTML的基础知识,包括HTML的定义、用途、编写工具以及常用标签和属性。讲解了文本、媒体资源、超链接、列表、表格、表单等元素的使用方法,还涉及到了屏幕划分和超链接的目标区域设定。此外,提到了框架和框架集的概念,以及表单元素的各种类型,如文本输入框、按钮等。
摘要由CSDN通过智能技术生成

Html笔记

#一,html技术
1.1,html:超文本标记语言
超文本:不仅仅含有文字内容,可以包含图片,音频,视频等等;
(HTML即是网页)
网页特点:都是通过浏览器进行查看;
文件后缀名为.html或者.tml
#1.2,html用来做什么
1,编写各种网站页面;
2,编写软件系统界面
3,编写各种移动端APP界面
小知识:十二栅格系统(媒介查询)
#1.3,如何编写html
目前市面流行前端开发工具:
webStrom VScode Hbuilder 。。。
使用HBuilder编写html:

1.4,总结

#1.5,标签的分类
1,常见双标签
2,少量单标签:只有开始,在开始中结束
3,少量实体字符()

#1.6,标签属性:
属性语法格式:

1.7,标签学习
1.7.1,文本常见标签

1.7.2,段落标签

1.7.3,插入媒体资源
插入图片资源:

插入视频动画音频资源:

1.7.4,超链接
文本内容
目标地址可为本地资源/网页资源

1.7.5,列表
三种形式列表
1,有序ol

    1. 自行标号 2,无序ul
        • 3,定义列表(可写多个)
          :一级列表
          :二级列表
          (以上三种列表可混合使用) 1.7.6,表格 (即二维表,具有行列概念的) 作用:使数据信息更清晰明了; 表格具有强烈的控制性; 创建表格语法: Table:表格(属性: bgcolor:背景颜色 ; border:边框 width:宽(可填写表格比例),background:背景图片) (cellpadding="1px" cellspacing="1px"使用边距时,二者缺一不可); tr:( 常用属性:height:高; align:水平位置;bgcolor:背景颜色;background:背景图片)行; 合并:(合并行) (合并列) td:(height:设置行高,影响整个行的高度 width:设置列宽度 Align:水平位置 bgcolor:背景颜色;background:背景图片)列; th:列,可自动居中并加粗文字; 表格合并: rowspan(合并行) colspan(合并列)

    1.7.7,表单
    (form表单不会再页面上产生任何显示效果,用于向后台提交数据)

    1.7.8,表单元素
    (编写在form表单中的输入项(例如,文本框,密码框,单选框。。。))
    1,文本输入框

    2,密码输入框

    3,单选按钮
    (type=”radio” name(必须要有同的名字,表示同组))
    A,实现默认选择:checked=”checked”,可以简化为:checked
    B,name表示同组

    4,多选按钮:<input type=“CheckBox” name(相同表示同组) >
    5,下拉列表:

    内容

    实现默认选择:select=”select”,可以简化为:select;

    6,文件浏览

    7,文本域

    8,按钮系列======== 特殊: 数据提交按钮:提交数据配合form表单使用 (form表单的范围表示提交的范围) 数据重置按钮: 普通按钮: 文本内容 图片按钮+事件: 1.7.9,屏幕的划分: 超链接:Target:指定目标区域 框架和框架集(frameset+frame) Frameset针对屏幕划分的标签 Frame:针对划分好区域进行框架指定 noresize="noresize":禁止划分的边框进行拖到 Html结果标签中不能使用标签
    :显示一条实线
    :换行

    :段落 (暂用) ;空格 超链接:Target:目标区域

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值