1HTML 不是一种编程语言，而是一种标记语言

2只有 <body>区域才会在浏览器中显示。

3<!DOCTYPE>声明有助于浏览器中正确显示网页。doctype 声明是不区分大小写的

4属性总是以名称/值对的形式出现，比如：name="value"。

属性值应该始终被包括在引号内。

5<!-- 这是一个注释 -->

6HTML 代码中的所有连续的空行（换行）也被显示为一个空格。

7使用 target 属性，你可以定义被链接的文档在何处显示。如果你将 target 属性设置为 "_blank", 链接将在新窗口打开。

例如：<a href="https://www.runoob.com/" target="_blank">访问菜鸟教程!</a>

8 <link> 标签定义了文档与外部资源之间的关系。<link> 标签通常用于链接到样式表
<head>

<link rel="stylesheet" type="text/css" href="mystyle.css">

</head>

9 在<style> 元素中你也可以直接添加样式来渲染 HTML 文档，搞不清link和style的区别
10 <meta> 标签提供了元数据.元数据也不显示在页面上，但会被浏览器解析。

每30秒钟刷新当前页面:<meta http-equiv="refresh" content="">

11 <script>标签用于加载脚本文件，如： JavaScript。

12 HTML<title>元素不仅可以显示文本，也可以在左侧显示logo等图片。显示时，要将<link>标签放入<head>里。

<head>

<link rel="shortcut icon" href="图片url">

<title>这是一个带图片的标签</title>

</head>

13

  • CSS 可以通过以下方式添加到HTML中:

    • 内联样式- 在HTML元素中使用"style" 属性
    • 内部样式表 -在HTML文档头部 <head> 区域使用<style> 元素 来包含CSS
    • 外部引用 - 使用外部 CSS 文件

14 当特殊的样式需要应用到个别元素时，就可以使用内联样式

15 style和link的区别：

标签 描述 例子
<style> 定义文本样式 <h1 style="text-align:center;">居中对齐的标题</h1>
<link> 定义资源引用地址 
<head>

<link rel="stylesheet" type="text/css" href="mystyle.css">

</head>

16  对于大部分标签，以上两种方法均可，且修改父级标签，子级标签特性也会改变。但某些标签确无法通过修改父级标签来改变子级标签特性，如a标签，修改其颜色特性，必须直接修改 a 标签的特性才可

17 <img src="boat.gif" alt="Big Boat"> 若图片显示不出来，则显示alt的值

18

 <map name="planetmap">

   <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">

   <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">

   <area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm">

 </map>

19

<table border="">

    <tr>   行

        <th>Header </th>    表头

        <th>Header </th>

    </tr>

    <tr>

        <td>row , cell </td>   单元格

        <td>row , cell </td>

    </tr>

    <tr>

        <td>row , cell </td>

        <td>row , cell </td>

    </tr>

</table>

20

21

<div> 元素是块级元素，它可用于组合其他 HTML 元素的容器。

<span> 元素是内联元素，可用作文本的容器

22 由于创建高级的布局非常耗时，使用模板是一个快速的选项。通过搜索引擎可以找到很多免费的网站模板（您可以使用这些预先构建好的网站布局，并优化它们）

23 HTML 表单用于收集不同类型的用户输入。

多数情况下被用到的表单标签是输入标签（<input>）。输入类型是由类型属性（type）定义的。

<input type="text">   <input type="password">  <input type="radio"> <input type="checkbox">

<input type="submit"> :当用户单击确认按钮时，表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。

<form name="input" action="html_form_action.php" method="get">

Username: <input type="text" name="user">

<input type="submit" value="Submit">

</form>
点击确认按钮，那么输入数据会传送到 "html_form_action.php" 的页面

24 同一组的单选按钮，name 取值一定要一致

<form>

<p>你生活在哪个国家？</p>

<input type="radio" name="country" value="China" checked="checked">中国<br />

<input type="radio" name="country" value="the USA">美国

</form>

25 点击之后会将重置按钮所在的表单中填写的内容重新设置为默认值

26

<script> 标签用于定义客户端脚本，比如 JavaScript。

<script> 元素既可包含脚本语句，也可通过 src 属性指向外部脚本文件。

27 只有在浏览器不支持脚本或者禁用脚本时，才会显示 <noscript> 元素中的内容

<body>

<script>

document.write("Hello World!")

</script>

<noscript>抱歉，你的浏览器不支持 JavaScript!</noscript>

<p>不支持 JavaScript 的浏览器会使用 &lt;noscript&gt; 元素中定义的内容（文本）来替代。</p>

</body>

28

<script>

function myFunction()

{

    document.getElementById("demo").innerHTML="Hello JavaScript!";

}

</script>

<button type="button" onclick="myFunction()">点我</button>

29

如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体

如需显示小于号，我们必须这样写：&lt; 或 < 或 <

30 辅助应用程序（helper application）是可由浏览器启动的程序。辅助应用程序也称为插件。辅助程序是使用 <object> 标签来加载的。

<body>

<object width="" height="" data="bookmark.swf"></object>

</body>
<body>

<object height="" width="" data="horse.mp3"></object>

<p>如果你无法听到该音频，那么可能你的电脑或浏览器不支持该文件格式。</p>

<p>或者你没有打开扬声器。</p>

</body>

31

html学习 菜鸟的更多相关文章

  1. Xshell学习--菜鸟篇

    http://www.cnblogs.com/perseverancevictory/p/4910145.html 1)关于Xshell 网上更多的资料里提到的SSH客户端是putty,因为简单.开源 ...

  2. 深度学习菜鸟的信仰地︱Supervessel超能云服务器、深度学习环境全配置

    并非广告~实在是太良心了,所以费时间给他们点赞一下~ SuperVessel云平台是IBM中国研究院和中国系统与技术中心基于POWER架构和OpenStack技术共同构建的, 支持开发者远程开发的免费 ...

  3. 【PE结构】由浅入深PE基础学习-菜鸟手动查询导出表、相对虚拟地址(RVA)与文件偏移地址转换(FOA)

    0 前言 此篇文章想写如何通过工具手查导出表.PE文件代码编程过程中的原理.文笔不是很好,内容也是查阅了很多的资料后整合出来的.希望借此加深对PE文件格式的理解,也希望可以对看雪论坛有所贡献.因为了解 ...

  4. Jquery 学习-菜鸟教程

    jquery效果和元素选择 //元素选择 $(this).hide(); $("p.test") //隐藏所有class="test"的<p>元素 ...

  5. 菜鸟教程之学习Shell script笔记(下)

    菜鸟教程Shell script学习笔记(下) 以下内容是学习菜鸟教程之shell教程,所整理的笔记 菜鸟教程之shell教程:http://www.runoob.com/linux/linux-sh ...

  6. 菜鸟教程之学习Shell script笔记(中)

    菜鸟教程Shell script学习笔记(中) 以下内容是学习菜鸟教程之shell教程,所整理的笔记 菜鸟教程之shell教程:http://www.runoob.com/linux/linux-sh ...

  7. 菜鸟教程之学习Shell script笔记(上)

    菜鸟教程之学习Shell script笔记 以下内容是,学习菜鸟shell教程整理的笔记 菜鸟教程之shell教程:http://www.runoob.com/linux/linux-shell.ht ...

  8. 菜鸟vimer成长记——目录

    菜鸟vimer成长记——第0章.我眼中的vim学习 菜鸟vimer成长记——第1章.统一概念 菜鸟vimer成长记——第2.0章.模式初探 菜鸟vimer成长记——第2.1章.normal模式 菜鸟v ...

  9. Java 8 Stream流编程学习

    本文是自己学习菜鸟教程中总结的笔记,用于快速找代码,完整的文档见菜鸟教程:Java 8 Stream Stream 使用一种类似用SQL语句从数据库查询数据的直观方式来提供一种对Java集合运算和表达 ...

随机推荐

  1. dotnet core use MangoDB

    安装MangoDB 同样我这边再次使用Docker, 方便快捷: # 拉取镜像 docker pull mongo # 运行镜像 docker run -d -p 37017:27017 --name ...

  2. Java中XML的四种解析方式（一）

    XML是一种通用的数据交换格式,它的平台无关性.语言无关性.系统无关性给数据集成与交互带来了极大的方便.XML在不同的语言环境中解析的方式都是一样的,只不过实现的语法不同而已. XML文档以层级标签的 ...

  3. Python socket 编程（1）

    服务端的创建: import socket server = socket.socket() # 创建一个socke对象 server.bind(('192.168.101.5', 8001)) # ...

  4. 14 IF函数

    情景 某销售表,如果员工的销售额大于5000元,提成为10%,否则为8% IF函数 =IF(表达式,值1,值2) 判断表达式,如果表达式为真,显示值1,如果表达式为假,显示值2 示例

  5. 如何将本地的项目添加到github上

    参考链接:http://note.youdao.com/noteshare?id=d0b7990a83b024b0172b6d5c5617a8d0&sub=659F216B9046420991 ...

  6. Android studio 3.1.3真机调试报错，no target device found

    Android studio 3.1.2 的 Android monitor 改为 Android profiler,直接点这个就可以真机调试,在手机安装相应app 如果不行,报错,"no ...

  7. Angular 学习笔记 (Material table sticky 原理)

    更新 : 2019-12-03 今天踩坑了, sticky 了解不够深 refer http://www.ruanyifeng.com/blog/2019/11/css-position.html 阮 ...

  8. JDK8源码解析 -- HashMap（一）

    最近一直在忙于项目开发的事情,没有时间去学习一些新知识,但用忙里偷闲的时间把jdk8的hashMap源码看完了,也做了详细的笔记,我会把一些重要知识点分享给大家.大家都知道,HashMap类型也是面试 ...

  9. Matlab匿名函数，向量化和预分配，函数的函数，P码文件

    匿名函数: 匿名函数是不存储在程序文件中.但与数据类型是 function_handle 的变量相关的函数.匿名函数可以接受输入并返回输出,就像标准函数一样.但是,它们可能只包含一个可执行语句. 例如 ...

  10. 如何判断当前修改过的datatable的某一列值是否为int型或double类型

    如何判断当前修改过的datatable的某一列值是否为int型或double类型 今天在做datatable数据验证时碰到要对datatable的列数据进行数据类型校验,因此记录一下本人校验的方法,如 ...