----------------------android培训、java培训、期待与您交流！----------------------

Html开发

概述：

HTML（HyperText Markup Language），超文本标记语言，是一种专门用于创建Web超文本文档的编程语言，它能告诉Web浏览程序如何显示Web文档（即网页）的信息，如何链接各种信息。使用HTML语言可以在其生成的文档中含有其它文档，或者含有图像、声音、视频等，从而形成超文本。
超文本文档本身并不真正含有其他的文档，它仅仅含有指向这些文档的指针，这些指针就是超链接。HTML是用来制作网页的语言，网页中的每个元素都需要用HTML规定的专门标记来定义。

标签：

HTML是通过标签来定义的语言，代码都是由标签所组成。
HTML代码由<html>开始</html>结束。里面由头部分<head></head>和体部分<body></body>两部分组成
其中，头部分最先加载，用于给HTML页面增加一些辅助或者属性信息，它里面的内容会最先加载，而体部分是真正存放页面数据的地方。
多数标签都是有开始标签和结束标签，其中有告个别标签只有单一功能，或者没有要修饰的内容，可以在标签内结束。
想要对被标签修饰的内容进行更丰富的操作，就用到了标签中的属性，通过对属性值的改变，增加了更多的效果选择。
属性与属性值之间用"="连接，属性值可以用双引号火单引号或者不用引号，一般都会用双引号，或者公司规定的规范。
格式：<标签名 属性名='属性值'> 数据内容</标签名>  或者<标签名 属性名='属性值'/>
操作思想：为了操作数据，都要对数据进行不同标签的封装，通过标签中的属性对封装的数据进行操作。
而标签就相当于一个容器。对容器中的数据进行操作，就是在不断的改变容器的属性值。
一般的HTML文件格式

<html><head>
...</head><body>...</body>
<html>
常用标签的使用：
<title>我是标题</title>  标题..
纯手打啊。。。。。 
font color="#FF66FF" size="12"/>设置字体
<img src="xxx.jpg" align="middle" height="100" width="100" border="1" alt="大家好我是图片"  />
<table title="我是表格的标题">
<th title="我是表头" >
</th>
<tr title="我是行标签">
</tr>
</table>
<a name="top" > 设置一个位置
<a href="#top" >设置一个点击到top位置的超链接
<frameset rows="30%,*"> 创建一个左边30%右边70% 的框架</frameset>
<form> 表单 里面可以使用input等标签，input有10种TYPE.此外还有select option这个下拉列表</form>
<br/>换行
<div> 整行区域</div>
<p> 段落 </p>
<span> 行内区域 </span>

此外截取自我自己的一个程序来表明input和select标签

        姓    名：<input type="text" name="user" alt="格式：首位字母，其他可以是字母数字下划线，不许超过10位。" οnblur="checkUser()"/><br/><span id="userspan" ></span><br/><br/>密    码：<input type="password" name="pwd" οnblur="checkPwd()" /><br/><span id="pwdspan"></span><br/><br/>确认密码：<input type="password" name="repwd" οnblur="checkRePwd()" /><br/><span id="repwdspan"></span><br/><br/>性  别：<input type="radio" name="sex" value="male" class="radio" checked="checked"/><img src="imgs/nan.jpg" height="50" width="40" /><input type="radio" name="sex" value="female" class="radio" /><img src="imgs/nv.jpg" height="50" width="40" />   <br /><br />    兴趣爱好：<input type="checkbox" name="hobby1" value="l" class="checkbox"/>睡觉<input type="checkbox" name="hobby2" value="4" class="checkbox"/>死宅<input type="checkbox" name="hobby3" value="8" class="checkbox" checked="checked"/>编程<input type="checkbox" name="hobby4" value="16" class="checkbox"/>游戏<input type="checkbox" name="hobby5" value="32" class="checkbox"/>运动 <br /><br/>选 择 方 向：<input type="radio" name="chos" class="checkbox" value="android" checked="checked"/><img src="imgs/android.jpg" height="80" width="72" /><input type="radio" name="chos" class="checkbox" value="cloud" /><img src="imgs/yun.jpg" height="80" width="72" /><input type="radio" name="chos" class="checkbox" value="dnet" /><img src="imgs/wnet.jpg" height="80" width="72" /><br /><br/>居住城市：<select id="selid" οnchange="selectArea()"><option value="0">---选择城市---</option><option value="1">---神の帝都---</option><option value="2">---魔の魔都---</option><option value="3">---圣の红都---</option><option value="4">----钓鱼岛----</option></select>        <select id="subselid"><option>---选择市区---</option></select><br /><br />个 人 简 介：<br /><textarea name="introduce" class="textarea"></textarea><br /><button class="button1" ></button>

这是来自我自己做的一个网页~


此外，我们完全可以用一些很简单的代码来制作一个属于自己专用的IE主页，把连接加进去，使用会比较方便~~

【黑马程序员】 学习笔记 - Html开发相关推荐

  1. 黑马程序员学习笔记-------c++提高编程

    c++提高编程 本阶段主要针对c++泛型编程和STL技术做详细讲解,探讨cpp更深层的使用 1 模板 1.1 模板的概念 模板就是建立通用的模具,大大提高复用性 模板的特点: 模板不可以直接使用,它只 ...

  2. 【b站黑马程序员学习笔记-shell入门编程】

    使用root用户创建并执行test2.sh,实现创建一个shelltest用户,并在其家目录中新建文件try.html 一. [root@localhost ~]# touch test2.sh [r ...

  3. 黑马程序员学习笔记 关于继承

    ------- <a href="http://www.itheima.com" target="blank">android培训</a> ...

  4. C++随记之模板（黑马程序员学习笔记）

    1.模板分为函数模板和类模板.泛型编程主要思想就是模板.语法template<typename T>.typename表示其后面的符号是一种数据类型,可以用class代替. 2.模板自动类 ...

  5. 【前端学习笔记】移动web-黑马程序员学习笔记

    移动web-黑马程序员学习笔记 1 字体图标 2 平面转换 2.1 绝对定位元素居中: 2.2 双开门效果 2.3 旋转效果 2.4* 转换原点 2.5 多重转换效果 2.6 缩放 3* 渐变 4 空 ...

  6. [黑马程序员C++笔记]P72-P83通讯录管理系统

    目录 系统需求 1.菜单功能 2.退出功能 3.添加联系人 (1)​​​​​​​设计联系人结构体 (2) 设计通讯录结构体 ​​​​​​​(3)main函数中创建通讯录 (4)封装添加联系人函数 (5 ...

  7. [黑马程序员C++笔记]P72-P83通讯录管理系统总体概览

    系统需求 通讯录是一个可以记录亲人.好友信息的工具. 本教程主要利用C++来实现一个通讯录管理系统 系统中需要实现的功能如下: 添加联系人:向通讯录中添加新人,信息包括(姓名.性别.年龄.联系电话.家 ...

  8. 黑马程序员jvm笔记总集

    黑马程序员jvm笔记(一)–程序计数器 虚拟机栈 堆 黑马程序员jvm笔记(二)–方法区 串池 直接内存 黑马程序员jvm笔记(三)–垃圾回收部分心得 黑马程序员jvm笔记(四)–字节码部分心得 黑马 ...

  9. SpringCloud学习笔记，课程源自黑马程序员，笔记持续更新中...

    @SpringCloud+RabbitMQ+Docker+Redis+搜索+分布式: 学习内容 1.服务拆分-服务远程调用: 2.搭建eureka服务: 2.1.eureka服务注册-client 2 ...

  10. 黑马程序员C++笔记

    C++ 课程链接: 黑马程序员匠心之作|C++教程从0到1入门编程,学习编程不再难_哔哩哔哩_bilibili 一.C++基础语法 1.变量和常量数据 1.1第一个C++程序 编写一个C++程序总共分 ...

最新文章

  1. .net mysql中文乱码解决办法
  2. Java循环读取文件夹下文件
  3. Computing--图灵机
  4. java wcf 未提供用户名_WCF安全之自定义用户名密码验证方式 | 学步园
  5. 关于优酷开放SDk之setOnAdCountListener和setOnNetworkSppedListener
  6. ArcGIS自定义高程
  7. intel服务器修复两个漏洞,英特尔处理器漏洞怎么修复 Intelcpu漏洞修复方法
  8. ajax communication failed,Extjs4，等待ajax请求
  9. 【Caffe安装】Caffe安装（有GPU）--wanglei
  10. delphi xe5 android,android – 发送电子邮件Delphi XE5
  11. svg图片在vue项目中的应用
  12. 调用函数求三个数中的最大数
  13. Oracle 11g 停止正在运行的job
  14. Lustre—配置和管理磁盘配额
  15. axios中put的参数怎么传_iOS开发之如何通过PUT请求上传数据
  16. 开机脚本之——鼠标滚轮调整音量
  17. NOIp2016 题解
  18. 全国计算机二级c++上机试题.cpp,计算机二级考试C++上机考试试题
  19. 谷歌大脑与DeepMind合二为一！为对抗OpenAI打造全新大模型
  20. CMake构建动态库

热门文章

  1. root化对手机什么影响，root对手机有影响
  2. word树状分支图_肝脏超声声像图表现及常用正常值
  3. el-dialog 使用
  4. HBase的概念和性能选项
  5. 快速剖析贪心算法(C语言)
  6. 基于C语言的矩阵运算库
  7. python条形统计图显示数值_Python+matplotlib+numpy绘制精美的条形统计图
  8. QT中创建条形统计图的方法
  9. 2020 软件测试实训记录 【整理】 目录
  10. i5 10400f配什么主板