HTML基本介绍

HTML，一种描述网页的语言

结构

  • html

    • head

      • title
      • script
    • body
      • ...

文档

<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基础入门学习的更多相关文章

  1. VBox&vmware虚拟机安装Linux及Linux基础入门学习

    VBox&vmware虚拟机安装Linux及Linux基础入门学习 通过VMware workstation安装Linux 在安装虚拟机之前,我特意上网搜索了一下目前常使用的虚拟机软件,了解了 ...

  2. 函数:我的地盘听我的 - 零基础入门学习Python019

    函数:我的地盘听我的 让编程改变世界 Change the world by program 函数与过程 在小甲鱼另一个实践性超强的编程视频教学<零基础入门学习Delphi>中,我们谈到了 ...

  3. 【Python教程】《零基础入门学习Python》（小甲鱼）

    [Python教程]<零基础入门学习Python>(小甲鱼) 讲解通俗易懂,诙谐. 哈哈哈. https://www.bilibili.com/video/av27789609

  4. Mybatis基础入门学习

    Mybatis基础入门学习 mybatis架构分析 搭建测试mybatis架构 )下载并导入mybatis3.2.7.jar(架构),mysql-connector-java-5.1.7-bin.ja ...

  5. 《零基础入门学习Python》【第一版】视频课后答案第001讲

    测试题答案: 0. Python 是什么类型的语言? Python是脚本语言 脚本语言(Scripting language)是电脑编程语言,因此也能让开发者藉以编写出让电脑听命行事的程序.以简单的方 ...

  6. 零基础入门学习Python（1）--我和Python的第一次亲密接触

    前言 最近在学习Python编程语言,于是乎就在网上找资源.其中小甲鱼<零基础入门学习Python>试听了几节课,感觉还挺不错,里面的视频都是免费下载,小甲鱼讲话也挺幽默风趣的,所以呢,就 ...

  7. 学习参考《零基础入门学习Python》电子书PDF+笔记+课后题及答案

    国内编写的关于python入门的书,初学者可以看看. 参考: <零基础入门学习Python>电子书PDF+笔记+课后题及答案 Python3入门必备; 小甲鱼手把手教授Python; 包含 ...

  8. 学习《零基础入门学习Python》电子书PDF+笔记+课后题及答案

    初学python入门建议学习<零基础入门学习Python>.适合新手入门,很简单很易懂.前一半将语法,后一半讲了实际的应用. Python3入门必备,小甲鱼手把手教授Python,包含电子 ...

  9. 大牛整理最全Python零基础入门学习资料

    大牛整理最全Python零基础入门学习资料 发布时间:『 2017-11-12 11:56 』     帖子类别:『人工智能』  阅读次数:3504 (本文『大牛整理最全Python零基础入门学习资料 ...

随机推荐

  1. linux命令-xz

    tar.xz文件如何压缩解压xz是绝大数linux默认就带的一个压缩工具,压缩率很高. xz压缩文件方法 默认压缩等级是6.要设置压缩率加入参数 -0 到 -9调节压缩率. xz -z [文件名] 不 ...

  2. TortoiseGit使用入门

    TortoiseGit使用入门 本地使用Git 首先要确定TortoiseGit已找到msysgit,如果先安装msysgit 再装TortoiseGit, 一般TortoiseGit 就会自动的识别 ...

  3. hiho 1515 : 分数调查 简单bfs

    时间限制:10000ms 单点时限:1000ms 内存限制:256MB 描述 小Hi的学校总共有N名学生,编号1-N.学校刚刚进行了一场全校的古诗文水平测验. 学校没有公布测验的成绩,所以小Hi只能得 ...

  4. BZOJ4399 魔法少女LJJ【线段树合并】【并查集】

    Description 在森林中见过会动的树,在沙漠中见过会动的仙人掌过后,魔法少女LJJ已经觉得自己见过世界上的所有稀奇古怪的事情了 LJJ感叹道"这里真是个迷人的绿色世界,空气清新.淡雅 ...

  5. WPF 跨应用程序域的 UI（Cross AppDomain UI）

    为自己写的程序添加插件真的是一个相当常见的功能,然而如果只是简单加载程序集然后去执行程序集中的代码,会让宿主应用程序暴露在非常危险的境地!因为只要插件能够运行任何一行代码,就能将宿主应用程序修改得天翻 ...

  6. CaptureMouse/CaptureStylus 可能会失败

    在 WPF 中,如果我们要做拖动效果,通常会调用一下 CaptureMouse/CaptureStylus 以便当鼠标或手指离开控件的时候依然能够响应 Move 和 Up 事件.不知有没有注意到这两个 ...

  7. svg图片的缩放拖拽

    svg是一种不错的矢量图,有时候我们会使用这样的图片来作为展示图,因为它不会因为放大缩小而失真. 好了,不扯淡了,废话少说,直入主题吧. 首先确定你是要深入学习还是要简单的把遇到的小任务解决一下,以后 ...

  8. MDK警告 warning: #111-D: statement is unreachable

    解析: "statement is unreachable"这句一般是说编译器认为程序执行不到这里. 因为本人运行程序的时候,再向前有一个While(1)循环, 理论上说除非你里面 ...

  9. Mock&Spring集成

    Mock&Spring集成 常规Mock单元测试 请参考上一篇文档Mock mock框架的功能性对比 http://jmockit.github.io/MockingToolkitCompar ...

  10. 基于STL优先队列和邻接表的dijkstra算法

    首先说下STL优先队列的局限性,那就是只提供入队.出队.取得队首元素的值的功能,而dijkstra算法的堆优化需要能够随机访问队列中某个节点(来更新源点节点的最短距离). 看似可以用vector配合m ...