轻松搞定HTML

第 1 章HTML介绍1

1.1基本概念:1

1.2基本案例1

1.3html可以做什么?1

1.4html的发展历史2

1.5w3c的介绍2

1.6项目演示3

1.7html的运行原理4

1.8html开发工具5

1.9html文档的基本结构6

1.10html开发的几个重要的概念6

第 2 章html的核心标签9

2.1html的头标签9

2.2base标签9

2.3doctype标签10

2.4关于文本的几个标签 p , font => style=""10

2.5字符实体11

2.6超链接标签12

2.7图像标签13

2.8图像映射15

2.9表格标签16

2.10无序列表标签ul li22

2.11有序列表ol li23

2.12定义列表标签[了解]24

2.13html的框架标签25

2.14iframe标签的使用29

2.15表单相关的元素30

2.16扩展的知识点34

HTML介绍

基本概念:

HTML(HyperText Mark-up Language)即超文本标签语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(Head)、主体(Body)两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。

基本案例

test.html

hello,world

我的内容

html可以做什么?

html的发展历史

简单的历史:

w3c的介绍

项目演示

html的运行原理

运行的原理图:

hello

远程访问的方式

这里，我们说明一下，http请求和http响应是在浏览器底层出现的，后面我们会详细的介绍http协议.

html开发工具

使用哪个工具，根据要求而定.我们先使用editplus

html文档的基本结构

html开发的几个重要的概念

标签: 在html开发中，有双标签 内容标签名> , 单标签

常用的标签: 在w3c手册有!

内容标签名>

关于标签和元素的概念

元素是 : 内容标签名> 整个是一个html元素

关于editplus的使用说明

现在，大家可以现在桌面上创建一个 xxx.html ,然后使用editplus打开即可.

问题: 如何去掉.bak 和 修改默认的文件编码

html的核心标签

html的头标签

先使用editplus定义一个htmtl文件的模板文件 myhtml.html

myhtml.html

New Document

把这个模板文件，拷贝到你的editplus目录下即可

配置一下 工具->配置用户工具->添加一下即可

可以使用

base标签

aaa.jpg?

doctype标签

现在基本上是

这个标签浏览器会看，但是并不完全依赖该声明，自己有一个默认的处理机制

目前用的还要一个 【sohu】

关于文本的几个标签 p , font => style=""

字符实体

基本的说明是： w3c 去查看

案例:

注意的细节: 字符实体区分大小写

超链接标签

基本用法是: 文字，图片

举例:

现在完成一个，在test.html 页面中设置一个 返回的 超链接，点击后，就返回原来的页面

代码实现:

跳转到另外一个页面的锚点

跳转

name 和 id就是锚点名称

如果要发送电子邮件

韩顺平 php大牛班课程,2016泰牛程序员韩顺平PHP大牛班HTML课程完整笔记资料.doc...相关推荐

  1. 泰牛php继承,2016 泰牛程序员 韩顺平 PHP 大牛班 Div Css课程

    轻松搞定Div+Css 第 1 章DIV+CSS的开山篇 (1) 1.1什么是DIV+CSS1 1.2DIV+CSS的快速入门案例1 第 2 章DIV+CSS的必要性 (3) 2.1CSS可以统一我们 ...

  2. python是什么课程-吐血整理！程序员喜爱的13个免费Python课程

    Python如今无疑是全球最受欢迎的编程语言.它最大的好处,就是让越来越多的人通过它加入了编程的世界. 近年来,Python的使用人数与日俱增,超过了包括JavaScript在内的其他计算机语言许多人 ...

  3. python编程课程-吐血整理！程序员喜爱的13个免费Python课程

    Python如今无疑是全球最受欢迎的编程语言.它最大的好处,就是让越来越多的人通过它加入了编程的世界. 近年来,Python的使用人数与日俱增,超过了包括JavaScript在内的其他计算机语言许多人 ...

  4. 2016年中国程序员职业薪酬报告

    2016年中国程序员职业薪酬报告 目录头条资讯2016年6月15日

  5. 北风网盘点2016年中国程序员薪酬状况

    学生学编程之前,都会问程序员有前途吗?程序员工资待遇如何?北风网教学研究院根据近一年来程序员在互联网行业的薪酬情况,结合各个平台的数据资源整理了2016年中国程序员职业薪酬报告,旨在通过数据和分析给所 ...

  6. 2016年当程序员有前途吗？

    上周五晚上新霸哥做了一个简单的调查,从大家的回答中可以看出大家对软件开发很感兴趣,虽然有些朋友是刚接触软件开发,有些朋友可能有一定的开发经验,但是在软件开发中有所发展的还是那些坚持自己的梦想不断学习的 ...

  7. 2016软考程序员试题选择题（含答案解析）

    2016软考程序员试题选择题(含答案解析) 一.选题题 1.二进制语言是属于() A.面向机器语言 B.面向问题语言 C.面向过程语言 D.面向汇编语言 [解析]人们研制了许许多多计算机程序设计语言, ...

  8. 黑马程序员----0704期java基础班心得

    ------<a  target="blank">Java培训.Android培训.iOS培训..Net培训</a>.期待与您交流! ------- 黑马程 ...

  9. 迎接2016，一个程序员的总结

                                                                                                        ...

  10. 华为程序员：加6天班！加班费1.4万元！网友：我能加到它破产

    更多精彩尽在原文地址 iOS开发之家 随着经济的发展,人们的生活节奏也是越来越快,中国人加班是非常常见的现象,在阿里巴巴就流传着一句话:加班是对的,不加班也是对的,规定时间内完不成项目就不对了.有媒体 ...

最新文章

  1. Rokid webhook 指南 手把手教你做个懒人
  2. Java中有关Null的9件事
  3. 页面jlabel背景色设置_（六）使用elementUI搭建管理员页面布局
  4. 网易云音乐前副总裁教你如何做产品
  5. D3js（五）：tooltips
  6. 好用的Markdown编辑器推荐
  7. [shell][001] [advanced]定制化自己的shell命令
  8. hadoop源码解析---INodeReference机制
  9. java queue 清空_java swing清除事件队列
  10. Java 中 notify 和 notifyAll 有什么区别？
  11. Java中集合list的add方法添加的不是值COPY而是地址
  12. 初步认识html以及表格的制作
  13. 高质量的C/C++编程(2)----程序员必看系列
  14. 一个封锁操作被对wsacancelblockingcall_突破封锁再进一步，华为鸿蒙OS成功登上手机...
  15. 实时互联网的隐形风口
  16. Repeated DNA Sequences
  17. htc+m7+android系统+电源,htc one m7 4.4系统获取root权限教程（安卓4.4专用）
  18. android 锯齿
  19. 使用百度翻译api支持中转英，中简转中繁等等
  20. 母线电容及其计算方法

热门文章

  1. c语言入门自学课件ppt,C语言从初学到精通中文ppt版
  2. STM32程序烧录软件设计
  3. matlab人口增长模型（指定函数拟合）
  4. 【计算机网络原理】各层的数据传输
  5. 使用正交表法设计测试用例
  6. 存量运营好工具：客户稳定度评分卡模型
  7. OGG-01433 Oracle GoldenGate Capture for Oracle, EXXX.prm: Failed to validate table ＜SCHEMANAME.TABLE
  8. python selenium下载窗口 ie_用Python+selenium打开IE浏览器和Chrome浏览器的问题
  9. 南昌航空大学961数据结构真题答案
  10. Windows类标识符及其妙用