实验楼HTML基础入门学习
HTML基本介绍
HTML,一种描述网页的语言
结构
- html
- head
- title
- script
- body
- ...
- head
文档
<html>
<head>
<title>.....</title>
</head>
<body>
<p>.....</p>
</body>
</html>
标签
元素是一整条,如;而标签则代表了一个,如
,
HTML文本
HTML元素
一个换行符
两个换行符
HTML属性
是在 HTML 元素的开始标签中定义。 总是以名称和值对应的形式出现,比如:name="value"。 属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题
HTML文本格式化
常用
- < b> (bold)粗体
- < big> (big)大字体
- < em> (emphasized)强调字
- < i> (italic)斜体
- < small> (small)小字体
- < strong> (strong)加重语气
HTML样式
用style一气呵成的解决背景,颜色,各种
超文本
链接
- < a href="http://www.shiyanlou.com">shiyanlou< /a>
- target等于_self或_blank
- 添加提示文字title
- 一页中怎么停泊,锚
<a href="#跳转目的地名称">跳转起始字符</a>
...
...
...
<a name="跳转目的地名称">跳转目的地字符</a>
表格
<table align="center" border="1">
<tr>
<td>first row and first column</td>
<td>first row and second column</td>
<td>first row and third column</td>
</tr>
<tr>
<td>second row and first column</td>
<td>second row and second column</td>
<td>second row and third column</td>
</tr>
</table>
属性
- border外边框
- colspan:控制此单位所占列数
- rowspan:控制此单位所占行数
HTML图像
<img src="path">
- align属性,调整对齐bottom、middle、top左右可加的参数有right,left默认为right
- width="80" height="80"
- 规定区域点击
- rect(矩形)、circle(圆形)、poly(多边形)
- coords有4个值,分别用逗号隔开,表示矩形区域左上角x坐标、左上角y坐标、右下角x坐标和右下角y坐标
<map>
<area shape="rect" coords="" href="" target="">
</map
列表list(order, unorder)
<ol>
<li>balabala</li>
</ol>
有序:type, 采用什么排序;start, 以什么开始
无序:type,Disc(默认)实心黑点;Circle小圈;square方点
注释
<!--这是一段注释。注释不会在浏览器中显示。-->
HTML表单
用于数据的提交,评论
<form>
<input type="radio" name="sex" value="male" /> Male
<br/>
<input type="radio" name="sex" value="female" /> Female
</form>
type类型
- usename, password
- 单选框radio, 多选框checkbox
基础汇总实验截取
选了表单方面,css什么暂时不管
<!DOCTYPE html>
<html>
<head>
<title>test_form</title>
</head>
<body>
<form action="MAILTO:support@shiyanlou.com" method="post" enctype="text/plain">
<h3>Send email to shiyanlou</h3>
your name:<br>
<input type="text" name="name" value="yourname" size="20">
<br>
your email:<br/>
<input type="text" name="mail" value="youremail" size="20">
<br>
what you want say:<br>
<input type="text" name="comment" value="yourcomment" size="20">
<br><br>
<input type="submit" value="send">
<input type="reset" value="reset">
</form>
</body>
</html>
参考链接
实验楼HTML基础入门学习的更多相关文章
- VBox&vmware虚拟机安装Linux及Linux基础入门学习
VBox&vmware虚拟机安装Linux及Linux基础入门学习 通过VMware workstation安装Linux 在安装虚拟机之前,我特意上网搜索了一下目前常使用的虚拟机软件,了解了 ...
- 函数:我的地盘听我的 - 零基础入门学习Python019
函数:我的地盘听我的 让编程改变世界 Change the world by program 函数与过程 在小甲鱼另一个实践性超强的编程视频教学<零基础入门学习Delphi>中,我们谈到了 ...
- 【Python教程】《零基础入门学习Python》(小甲鱼)
[Python教程]<零基础入门学习Python>(小甲鱼) 讲解通俗易懂,诙谐. 哈哈哈. https://www.bilibili.com/video/av27789609
- Mybatis基础入门学习
Mybatis基础入门学习 mybatis架构分析 搭建测试mybatis架构 )下载并导入mybatis3.2.7.jar(架构),mysql-connector-java-5.1.7-bin.ja ...
- 《零基础入门学习Python》【第一版】视频课后答案第001讲
测试题答案: 0. Python 是什么类型的语言? Python是脚本语言 脚本语言(Scripting language)是电脑编程语言,因此也能让开发者藉以编写出让电脑听命行事的程序.以简单的方 ...
- 零基础入门学习Python(1)--我和Python的第一次亲密接触
前言 最近在学习Python编程语言,于是乎就在网上找资源.其中小甲鱼<零基础入门学习Python>试听了几节课,感觉还挺不错,里面的视频都是免费下载,小甲鱼讲话也挺幽默风趣的,所以呢,就 ...
- 学习参考《零基础入门学习Python》电子书PDF+笔记+课后题及答案
国内编写的关于python入门的书,初学者可以看看. 参考: <零基础入门学习Python>电子书PDF+笔记+课后题及答案 Python3入门必备; 小甲鱼手把手教授Python; 包含 ...
- 学习《零基础入门学习Python》电子书PDF+笔记+课后题及答案
初学python入门建议学习<零基础入门学习Python>.适合新手入门,很简单很易懂.前一半将语法,后一半讲了实际的应用. Python3入门必备,小甲鱼手把手教授Python,包含电子 ...
- 大牛整理最全Python零基础入门学习资料
大牛整理最全Python零基础入门学习资料 发布时间:『 2017-11-12 11:56 』 帖子类别:『人工智能』 阅读次数:3504 (本文『大牛整理最全Python零基础入门学习资料 ...
随机推荐
- quick2.2.6 问题记录
1.luasocket 不能使用方式 用下面地址的文件替换文件重新编译 https://github.com/chukong/quick-cocos2d-x/blob/master/lib/cocos ...
- docker学习(一)在centos7上安装与启动docker
CentOS Docker 安装 1.Docker支持以下的CentOS版本: CentOS 7 (64-bit) CentOS 6.5 (64-bit) 或更高的版本 前提条件 目前,CentOS ...
- bzoj 2002 Bounce 弹飞绵羊
bzoj 2002 Bounce 弹飞绵羊 设一个虚拟节点表示被弹飞,则每个点的后继点是唯一确定的,每个点向它的后继点连边,就形成了一颗树. 询问就是问某个节点到虚拟节点的路径长度,修改就删除原来向后 ...
- pat乙级 1091 N-自守数 (15 分)
如果某个数 K 的平方乘以 N 以后,结果的末尾几位数等于 K,那么就称这个数为“N-自守数”.例如 3×922=25392,而 25392 的末尾两位正好是 92,所以 92 是一个 3-自守 ...
- test20181029 思考熊的马拉松
题意 思考熊的马拉松 问题描述 今年,n只思考熊参加了校园马拉松比赛.马拉松的赛道是环形的,每圈的长度是A,完成比赛需要跑L圈. 比赛中,甲领先乙很长距离,绕过一圈或多圈后从后面追上了乙的现象叫做&q ...
- minio 安装以及使用
1. 为了方便使用 docker 安装 docker run -p 9000:9000 minio/minio server /export 注意启动显示的 appkey secretkey C ...
- 【转】ubuntu 12.04 /sbin/ldconfig.real: /usr/local/lib/*.so.8 不是符号连接 解决办法
原文网址:http://blog.csdn.net/shulianghe/article/details/21176059 最近在ubuntu12.04下使用sudo apt-get install安 ...
- bzoj 2395 [Balkan 2011]Timeismoney——最小乘积生成树
题目:https://www.lydsy.com/JudgeOnline/problem.php?id=2395 如果把 \( \sum t \) 作为 x 坐标,\( \sum c \) 作为 y ...
- 如何使用JSON格式 POST数据到服务器
1. JSON的数据格式a) 按照最简单的形式,可以用下面这样的 JSON 表示名称/值对: { "firstName": "Brett" } b) 可以创建包 ...
- 20 几个知名公司的 Java 面试题汇总
查看不同公司新鲜真实的Java面试题,摘自Glassdoor.com 巴克莱投资: 假设有一个 getNextparson() 方法返回 Person 对象,Person 类实现了 comparabl ...