html 基础 (9.19 第八天)
一、HTML:超文本标记语言,是一种标签语言,不是编程语言,显示数据有双标签<body></body> 和单标签<img src=# / >, 标签大小写都可以
通过浏览器解析HTML代码,在<body>标签中数据会被显示出来

<IDOCTYPE html>
<html>
<head>
title></title> 标题
</head>
<body>
显示数据
</body>
</html>

二、HTML常用的标签

<h1> ------> <h6>标题
例:<h1>这是标题1<h1>
<hr> 横线
<br> 换行
<title></title> 标题头
<meta charsent="utf-8"> 使用utf-8字符编码
<script type="text/javascrpe"> 在网页弹出窗口
alert("你被攻击了")
</script>
<p></p> 段落标签,会换行
<a></a> 链接标签 例:<a href="https://www.baidu.com">百度一下</a>
<img /> 图片标签 例:<img src="图片地址" /> </img>
<img src=# width= "1000" height="1000"> 改变图片大小
<!-- --> 注释标签

三、表格

<table border="1" cellspacing="10" cellpadding="10">
<!--width 表示表格的宽度
border 表示外边框的粗细
cellspadding 内边框与外边框间距的大小
cellpadding 内边框与数据内容的距离
-->
<tr>
<th><!--表头(会加粗居中)-->
</th>
</tr>
<tr><!--表示行-->
<td style="
font-synthesis: ; 字体
font-size: ;字号
color:; 字色
border-bottom:1px dashed #ccc; 加一条虚线"><!--表示列--> 这是表格   表示空格 </td>
</tr>
</table>

1、合并列

<table border="1">
<tr>
<td colspan="2">1</td><!-- colspan 用于合并列 --> </tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>

2、合并行

<table border="1">
<tr>
<th>name</th>
<th>age</th>
<th>addr</th>
</tr>
<tr>
<td>张三</td><!-- rowspan 用于合并行 -->
<td rowspan="2">24</td>
<td>qwe</td>
</tr>
<tr>
<td>李四</td> <td>asd</td>
</tr>
</table>

3、列表的有序无序

<table>
<ul><!--无序列表-->
<li>第一</li>
<li>第二</li>
</ul> <ol><!--有序列表-->
<li>第一</li>
<li>第二</li>
</ol>
</table>

4、表单

表单:搜集用户的信息<br>
<form name="input_data" action="index.php" method="get">
<!--
action:表示数据提交到哪个页面
method:提交数据的方式,get(数据参数拼接url),post(数据参数放在请求内容中,在url中看不到发送的数据)-->
<label>姓名:</label>
<input type="text" name="name"><!--文本域-->
<br>
<label>密码:</label>
<input type="password" name="pwd">
<br>
<input type="radio" name="gender" value="1">男<br> <!--按钮-->
<input type="radio" name="gender" value="0">女<br>
<input type="radio" name="gender" value="01">不知道<br> 爱好:<br>
<input type="checkbox" name="aihao" value="lanqiu">篮球<br>
<input type="checkbox" name="aihao" value="zuqiu">足球<br>
<input type="checkbox" name="aihao" value="pingpangqiu">乒乓球<br> 提交:
<input type="submit" name="sub" style="" value="提交"><br>
</form>
html 基础 (9.19 第八天)的更多相关文章
- 我的Python成长之路---第六天---Python基础(19)---2016年2月20日(晴)
shelve模块 shelve模块是pickle模块的扩展,可以通过key,value的方式访问pickle持久化保存的数据 持久化保存: 1 2 3 4 5 6 7 8 9 10 11 12 13 ...
- Java 基础【19】代理
Java 代理(Proxy)模式与现实中的代理含义一致,如旅游代理.明星的经纪人. 在目标对象实现基础上,增加额外的功能操作,由此来扩展目标对象的功能. JavaWeb 中最常见的过滤器.Struts ...
- Java基础教程(19)--Object类
Object类位于类结构树的最顶端,所有的类都是它的直接或间接子类,因此所有的类都继承了Object类的方法,我们可以在需要的时候覆盖这些方法.下面是一些将会在本文中讨论的Object类的方法: ...
- 夯实Java基础系列19:一文搞懂Java集合类框架,以及常见面试题
本系列文章将整理到我在GitHub上的<Java面试指南>仓库,更多精彩内容请到我的仓库里查看 https://github.com/h2pl/Java-Tutorial 喜欢的话麻烦点下 ...
- python基础学习19,01
听说python入门很容易,所以想试试对我这个零基础会不会很友好呢.做随笔也顺便督促自己不要轻易放弃学习. #登录接口 print("请输入用户名密码") _username = ...
- 『学了就忘』Linux基础命令 — 19、目录操作的相关命令
目录 1.ls命令 2.cd命令 (1)绝对路径和相对路径 (2)cd命令的简化用法 3.pwd命令 4.mkdir命令 5.rmdir命令 常用目录操作的相关命令: ls命令 cd命令 pwd命令 ...
- java基础4.19
1.JAVA 的反射机制的原理. JAVA反射机制是在运行状态中,对于任意一个类,都能够知道这个类的所有属性和方法:对于任意一个对象,都能够调用它的任意一个方法:这种动态获取的信息以及动态调用对象的方 ...
- mysql 开发基础系列19 触发器
触发器是与表有关的数据库对象,触发器只能是针对创建的永久表,而不能是临时表. 1.1 创建触发器 -- 语法: CREATE TRIGGER trigger_name trigger_time tri ...
- .NET基础 (19)多线程
多线程编程的基本概念1 请解释操作系统层面上的线程和进程2 多线程程序在操作系统里是并行执行的吗3 什么是纤程 .NET中的多线程1 如何在.NET程序中手动控制多个线程2 如何使用.NET的线程池3 ...
随机推荐
- Java异常的限制
Java异常的限制 我在看JAVA编程思想,讲到异常的限制,看的代码和解释,非常的难看下去,直接写了他的代码. java编程思想关于异常限制的逻辑 它以棒球比赛为例子. 定义了Inning(一局比赛) ...
- windows10安装.netframework3.5
先挂载,看看挂载到哪个盘了,假设是I盘 然后按住shift 点鼠标右键,打开powershell,运行下面命令: dism.exe /online /enable-feature /featurena ...
- luogu P2762 太空飞行计划问题
好像是最大权闭合图,也就是最大流最小割啦,找出最大流的路径输出,这题如何建模呢,一样的先设源点和汇点,源点向每个计划连capacity为赞助数的边,每个计划连相应装置capacity为无穷的边,每个装 ...
- Core data 如何查看ObjectId
ObjectId是Core Data 为每一个数据对象提供的唯一ID标识,获取ObjectID.并打印的方法如下: 步骤: 1. 获取ManagedObject 2. ManagedObject -& ...
- php 打印格式化显示利器 <pre>
当我们PHP调试的时候,用var_dump 或 print_r打印json数据或array数组时,html页面没有换行显示,看到的内容一大堆,不好定位. 输出前添加 <pre>,便可以自动 ...
- Verilog有符号整型数(signed int)比大小
本文参考了https://blog.csdn.net/wenxinwukui234/article/details/42119265/ 关于2进制补码的思考和讨论. ================= ...
- Wireshark安装失败或找不到网络接口问题
Wireshark安装失败或找不到网络接口问题 Wireshark捕获数据包,主要依赖Winpcap或Npcap组件.从Wireshark 3.0开始,Npcap代替了Winpcap组件,成为Wire ...
- 二十一 JDK注解&注解案例
什么是注解? 注解和接口,类属于同一个级别 注解可以在变量.方法.类上加载 注解可以有属性也可以没有属性 注解是有作用范围(源码.编译期间,运行期间) 源码期间:例如String类上@Author ...
- JavaScript 词法句法
JavaScript 中的几个重要概念 JavaScript 遵循 ECMA-262 规范,目前其最新版是 ECMAScript 2018,而获得所有主流浏览器完全支持的则是 ECMAScript 5 ...
- JuJu团队1月9号工作汇报
JuJu团队1月9号工作汇报 JuJu Scrum 团队成员 今日工作 剩余任务 困难 飞飞 将示例程序打包成exe 将crossentrophy和softmax连接起来 无 婷婷 -- 完善ma ...