HTML是一个超文本语言，原本并不打算做网站的我发现学习信息根本离不开web前端的掌握，因此需要对HTML进行一定程度的学习。对了，它可以说是网页的一个标志，打开任何网页我们看到的都是HTML的文本，该文本相对于其他语言都比较简单所以我打算快速学习然后使用上去QAQ然后我是在菜鸟教程进行学习的。now start！
摸索了一下发现全靠背啊！！背啊背啊背好累啊又回到高中背政治的感觉！！于是我想了一种偷懒的方法！对元素定义进行自我归纳理解来学习它T T
HTML→描述网页的一门语言
元素→完整的<标签>内容</标签>即为元素，在HTML中是镶嵌的
标签→内容两边就是标签嘿嘿 <标签>内容</标签>
标题→<h1>到<h6>的标签就叫标题
段落→一个完整的段落是这样的<p>内容</p>  （233也就是改一下标签真的很easy啊我话好多=-=）
链接→这个也好理解 如：<a href="http://www.runoob.com">这是一个链接</a>  中a为链接定义，
href相当于一个指针，双引号里边的玩意是地址，这是一个链接 是内容，即在网页上显示出来的字。
图像→格式：<img src="路径" 属性名="属性值" 属性名="属性值" /> 如：<img src="/images/logo.png" width="258" height="39" />
水平线→<hr> 标签在 HTML 页面中创建水平线。这个定义不错
注释→<!-- 这是一个注释 --> 这个例子不错~hhh
换行→<br> 哇有个大佬讲到一点<br>相当于<br></br> 这是后来的严谨运用，可以理解为他是个自身封闭元素
加粗and斜体→格式:<b></b> 、<i></i> 据说后期的渲染常用上<strong></strong><em></em>
元素→<head>内容<\head>    <title>文档标题<\title>   
base元素：用来定义文档的默认链接

<head>

<base href="http://www.runoob.com/images/" target="_blank">

</head>

link元素：用来连接外部资源，比如使用CSS装饰可以用到

<head>

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

</head>

style元素：增加CSS样式的内容

<head>

<style type="text/css">

body {background-color:yellow}

p {color:blue}

</style>

</head>meta元素：定义一些不显示在网页上的元素相当于网页的一些功能script元素：用来加载脚本文件

图像→定义图像例子： <img src="url" alt="some_text" width="304" height="228"> src是图像资源url是图像地址alt是当图像失去信息时网页的显示
　　　width指定图像的宽度height指定图像的高度
表格→例子：
<table>
　　　<tr>　　　　　
　　　　<th>表头内容<\th>
　　　　<th>表头内容<\th>
　　　<\tr>
　　　<tr>　　　　　
　　　　<td>内容<\td>
　　　　<td>内容<\td>
　　　<\tr>
<\table>
table定义表格 tr定义每行 td定义每列th定义表头的每行
列表→
<ul>
　　<li>内容<\li>
<\ul>
<ol>
　　<li>内容<\li>
<\ol>
<dl>
　　<dt>列表一内容开头<\dt>
　　<dd>列表一内容<\dd>
　　<dt>列表二内容开头<\dt>
　　<dd>列表二内容<\dd>
<\dl>
ul定义无序列表每个列表开头都配上一个圆点
ol定义有序数每个列表开头会配上一个有序的数字  如：1.内容 2.内容
dl定义自定义列表没什么特别的就是单纯用一些文字来定义 dt为一个自定义列表开头dd则为自定义列表内容
布局→定义区块<div>内容<\div>       定义表格<table>内容<\table>
表单→例子：
<form>
<input type="text" name="firstname">
<input type="password" name="psw">
<input type="radio" name="sex" value="male">
<input type="checkbox" name="vehicle" value="Bike">

<form name="input" action="html_form_action.php" method="get">
Username: <input type="text" name="user">
<input type="submit" value="Submit">

<\form>
"text"定义输入文本"password"定义输入密码"radio"定义输入单选按钮“checkbox”定义多选按钮
“type”定义提交，数据会传输到html_form_action.php页面

 

HTML学习感悟的更多相关文章

  1. 20155226田皓宇关于优秀技能经验以及c语言学习感悟和对JAVA的展望

    读老师文章后关于一项优秀技能的经验有感 1.首先我自我剖析认为,我是没有哪一个方面能做到强于身边90%的人的,我只能说有些方面略强于身边的人.比如唱歌.办公软件的应用(word.excel)等.但我不 ...

  2. imooc-c++学习感悟

    imooc--慕课网c++课程链接:[课程链接](http://www.imooc.com/course/list?c=C+puls+puls) Imooc 慕课网c++学习感悟 1.课程名称:c++ ...

  3. C#与JAVA学习感悟

    C#与JAVA学习感悟 学完C#与JAVA,感觉收获良多.C#与JAVA这两门语言相似度很高(了解它们早期历史的人可能知道为什么),也许很多人在学习JAVA(或C#)时会同时学习C#(或JAVA),因 ...

  4. 以小时候玩的贪吃蛇为例，对于Java图像界面的学习感悟

    简介 正文 01.JFrame是啥? 02.JPanel 03. KeyListener 04.Runnable 05.游戏Running 06.游戏初始类编写 07.main 简介: 一直以来用代码 ...

  5. C#学习感悟

    上周虽然没上课,课上的内容是部分同学展示大作业成果,但是对于我来说,看了一些同学辛勤劳动的成果,听了他们对C#学习的一些感悟,我受益匪浅. 在这里我想谈谈我的收获.老师给的模板是todolist,但是 ...

  6. 深入理解Java虚拟机---学习感悟以及笔记

    一.为什么要学习Java虚拟机?       这里我们使用举例来说明为什么要学习Java虚拟机,其实这个问题就和为什么要学习数据结构和算法是一个道理,工欲善其事,必先利其器.曾经的我经常害怕处理内存溢 ...

  7. Head First Python 1-4章学习感悟

    一.学习知识总结 (1)迭代         range(起始值,结束值,步长):包含起始值,不包含结束值,步长为正数 (2)导入模块 from datetime import datetime (3 ...

  8. Python基础篇学习感悟：学如不及，犹恐失之

    从2019年3月底开始学习Python,4月12日在CSDN发表第一篇博文,时至今日已有4个月零12天. 4个多月的学习,老猿从一个Python小白成长到今天,可以说对Python这门语言已经略知一二 ...

  9. Python学习感悟

    学习任何新知识,我自己偏向于在实践中学习,这样效率更高:如果只是学习基本概念,会很枯燥. 现在的问题是:不是所有的新知识都可以在实践中学习!

  10. Python--Argparse学习感悟

    笔者在https://docs.python.org/2/howto/argparse.html#id1上,学习到了argparse的基本概念和使用规范,学习过后忍不住将自己的一些体会和大家分享一下. ...

随机推荐

  1. 学习Python第四天

    关于剩下的数据类型:字符串 字符串是有序的,不可变的(不可变的意思是指将变量a重新赋值后不会覆盖原来的值,而是在内存中开辟了一块新的内存地址,存储变量的值) 字符串的各种方法: 1,将字符串中的大写变 ...

  2. JavaScript 中的正则表达式

    1.正则表达式概述 ECMAScript 3 开始支持正则表达式,其语法和 Perl 语法很类似,一个完整的正则表达式结构如下: 1 var expression = / pattern / flag ...

  3. hbuilder下用plus.barcode.Barcode做二维码扫描，当二维码容器的高度设置过低时，启动扫描会发生闪退

    解决办法: 将固定高度改为百分比

  4. Windows的奇巧淫技（为什么GIF显示不出来？？）

    谁的电脑里没点小秘密?东藏西藏到最后自己都找不到了有木有?今天教大家个隐藏文件的高招: 将任意文件隐藏到图片中!怎么样?再也不用建什么「马列主义哲学」的文件夹啦!

  5. Android-shape圆形&转圈圈

    圆形: <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="h ...

  6. 用apache和tomcat搭建集群,实现负载均衡

    型的企业应用每天都需要承受巨大的访问量,在着巨大访问量的背后有数台服务器支撑着,如果一台服务器崩溃了,那么其他服务器可以使企业应用继续运行,用户对服务器的运作是透明化的,如何实现这种透明化呢?由如下问 ...

  7. 去掉jenkins的首页警告

    有时候jenkins首页会弹出一些升级警告之类的东西,不喜欢的直接屏蔽掉就行. 类似于这样: 在  全局安全配置里 将一下项目的勾去掉就行 应用,保存.这样就清爽多了

  8. MyBatis 源码分析系列文章合集

    1.简介 我从七月份开始阅读MyBatis源码,并在随后的40天内陆续更新了7篇文章.起初,我只是打算通过博客的形式进行分享.但在写作的过程中,发现要分析的代码太多,以至于文章篇幅特别大.在这7篇文章 ...

  9. 公司项目接触到了FormData，总结一下

    Javascript FormData() 对象! 1.创建 var formData = new FormData(); 2.如果有form对象 则先获取form表单 然后初始化时直接加入进去 eg ...

  10. Android 图片高级绘图效果---高斯模糊

    高斯模糊就是将指定像素变换为其与周边像素加权平均后的值,权重就是高斯分布函数计算出来的值.高斯模糊能够将图片制作成类似磨砂的图片效果,一般这些图片都用来作为背景. 目前使用到的是RenderScrip ...