html总结

来源：互联网发布：jsp登录模板代码源码编辑：程序博客网时间：2024/06/08 00:54

HTML，超文本标记语言。作用是把内容写到网页上去。

标签

又名元素。基本的像：<head>和<body>。

答疑解惑

用什么来写代码？

种类很多，IDE、notepad++、记事本都行。

小编用的是notepad++。

后缀名.htm和.html的区别？

没有区别

HTML和XML、XHTML的区别？

英文名

中文名

作用

HMTL

超文本标记语言

显示数据

XML

可扩展标记语言

传输和存储数据

HTML和XHTML的区别？

XHTML是符合XML标准的改进型HTML。只明白它的语法比HTML更严格就行了。

HTML和HTML5的区别？

HTML5是HTML最新的修订版本，关系如图：

——————————————我是分割线———————————————————————

下面举几个小栗子，让我们感觉一下html。

栗子一号（表单）

因为小编正在以表单为线学习BS，所以就先举个表单的例子。

要实现的功能：

源代码：

<form name="input" action="html_form_action.php" method="get">First name:<input type="text" name="firstname"><br>Last name:<input type="text" name="lastname"><br>Password:<input type="password" name="pwd"><br>性别：<input type="radio" name="sex" value="male">女<input type="radio" name="sex" value="female">男<br>喜爱的运动：<input type="checkbox" name="sports" value="basketball">篮球<input type="checkbox" name="sports" value="football">足球<br><input type="submit" value="submit"></form>

栗子二号（音频试听）

不知道读者注意过没有，在英语上机考试中，先前都会有一段“音频试听”，就像这样的：

那小编来贴一下源代码：

<!DOCTYPE html><html><head><meta charset="utf-8"><title>插入音频</title></head><body><audio controls><source src="Tom laugh.mp3" type="audio/mpeg">您的浏览器不支持audio元素。</audio></body></html>

BUT，当你把代码直接拿过去用后，有没有发现没有音频可播放？这是为什么呢？【好奇脸】

答：因为你没有加入音频呀。要把html文档和音频放一个文件夹里，然后再像源代码一样，写个相对路径就行了。

栗子三号（选择喜欢的颜色）

要实现的功能：

源码：

<!DOCTYPE html><html><head><meta charset="utf-8"><title>选择颜色</title></head><body><form action="demo-form.php">选择你喜欢的颜色：<input type="color" name="favcolor"><br><input type="submit"></form></body></html>

阅读全文

0 0