实验楼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零基础入门学习资料 ...
随机推荐
- Uncaught TypeError: jQuery.i18n.browserLang is not a function
/********************************************************************* * Uncaught TypeError: jQuery. ...
- 博客迁移至“零一积流|it-refer.com”
虽然在博客园写了没几篇文章,考虑到个人发展,自己还是建立一个独立的站点:零一积流. 以后直接在自己网站上写东西了,此处只用做文章收藏.
- 每天一个linux命令(目录文件操作):【转载】Linux 目录结构
对于每一个Linux学习者来说,了解Linux文件系统的目录结构,是学好Linux的至关重要的一步.,深入了解linux文件目录结构的标准和每个目录的详细功能,对于我们用好linux系统至关重要,下面 ...
- Sublime Text 3常用插件安装
Sublime Text 3常用插件安装 PS:sublime是笔者用过的最好用的编辑器,也是最轻量级,功能最强大的编辑器.好东西应该被分享! 1.直接安装 --下载安装包解压缩到Packages目录 ...
- Cucumber 使用例子
1. junit 配置 @RunWith(Cucumber.class) @CucumberOptions(format ={"pretty","html:target/ ...
- http请求发生了两次(options请求)
前言 自后台restful接口流行开来,请求了两次的情况(options请求)越来越普遍.笔者也在实际的项目中遇到过这种情况,做一下整理总结. 文章书写思路: 为什么发生两次请求 http的请求方式, ...
- Mongodb简单介绍安装
具体详细内容,请查阅 Mongodb官方文档 一.简单介绍 MongoDB 是由C++语言编写的,是一个基于分布式文件存储的开源数据库系统. 在高负载的情况下,添加更多的节点,可以保证服务器性能. M ...
- jQuery实现清空table表格除首行外的所有数据
1.其实网上有很多版本,试了好几个都不行,最后还是查到了一个非常方便的:不会清除表格第一行表头部分. 其中J_tab_fam是table的id. ? 1 $("#J_tab_fam tr: ...
- C++代码规范之命名
C++代码规范之命名 一.命名的两个基本原则 1.含义清晰,不易混淆: 2.不和其它模块.系统API的命名空间相冲突. 二.命名通则 1.在所有命名中,都应使用标准的英文单词或缩写:不得使用拼音或拼音 ...
- 老司机带带我,FIFO不简单
FIFO,没有想象的那么简单! 根据一般的原则,FIFO这件事情啊,如果能用IP先别自己手写.可以通过FPGA厂家的的IP生成工具生成相应的FIFO. FIFO中的格雷码: 格雷码应用于异步FIFO的 ...