HTML和HTML5总结

简介: 以下代码均没有括号sorry由《》代替 1.《html》 《body》 《p》 这是我的html《 /p》 《body》 《html》 这个 《p》 元素定义了 HTML 文档中的一个段落。

以下代码均没有<>括号sorry由《》代替
1.《html》
《body》
《p》 这是我的html《 /p》
《body》
《html》
这个 《p》 元素定义了 HTML 文档中的一个段落。
这个元素拥有一个开始标签 p,以及一个结束标签《 /p》。
《html》
2.
《body》
《h1》 align=”center”>This is heading 《/h1》
《p》上面的标题在页面中进行了居中排列。上面的标题在页面中进行了居中排列。上面的标题在页面中进行了居中排列。《p》
《body》
《html》
hn就是h1 n的值越大字体就越小
align=”center”居中的意思
3.
《 body bgcolor=”yellow”》
h2改变了颜色的背景。
《/body》
–bgcolor改变背景颜色。
4.
html 定义 HTML 文档。
body 定义文档的主体。
《h1》 to《 h6》 定义 HTML 标题
!– 定义注释。
《!–这是一段注释。注释不会在浏览器中显示。–》
《br /》换行
5.style 属性用于改变 HTML 元素的样式。
《p》 style=”font-family:verdana;color:red”>
This text is in Verdana and red《/p》
–font-family:verdana;color:red”改变了字体和颜色
《p style=”font-family:times;color:green”>
This text is in Times and green《/p》
《p style=”font-size:30px”>This text is 30 pixels high《/p》
–font-family:verdana;color:red”改变了字体和颜色size 改变字体大小
6.
标签 描述
b 定义粗体文本。
big 定义大号字。
em 定义着重文字。
i 定义斜体字。
small 定义小号字。
strong 定义加重语气
sub 定义下标字。
sup 定义上标字。
ins 定义插入字。
del 定义删除字。
7.
标签 描述
style> 定义样式定义。
link 定义资源引用。
div 定义文档中的节或区域(块级)。
span 定义文档中的行内的小块或区域。
font 规定文本的字体、字体尺寸、字体颜色。不赞成使用。请使用样式。
basefont 定义基准字体。不赞成使用。请使用样式。
center 对文本进行水平居中。不赞成使用。请使用样式。
8.HTML 链接
a》 href=”http://www.w3school.com.cn/”>Visit W3School 《》/a
herf=”#”代表自己
9.img src=”boat.gif”插入图片
table border=”1”
《》tr
td row 1, cell 1/td
td row 1, cell 2 /td
tr
tr
td>row 2, cell 1
td>row 2, cell 2
/tr>
/table
table代表表格tr代表行td代表列
10.无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。
无序列表始于

  • 标签。每个列表项始于

  • ul
    li Coffee /li
    li Mil /li
    /ul
    11.
    框架标签(Frame)
    Frame 标签定义了放置在每个框架中的 HTML 文档。
    在下面的这个例子中,我们设置了一个两列的框架集。第一列被设置为占据浏览器窗口的 25%。第二列被设置为占据浏览器窗口的 75%。HTML 文档 “frame_a.htm” 被置于第一个列中,而 HTML 文档 “frame_b.htm” 被置于第二个列中:
    frameset cols=”25%,75%
    frame src=”frame_a.htm”
    frame src=”frame_b.htm
    /frameset
    12.背景(Backgrounds)
    拥有两个配置背景的标签。背景可以是颜色或者图像。
    背景颜色(Bgcolor)
    背景颜色属性将背景设置为某种颜色。属性值可以是十六进制数、RGB 值或颜色名。
    body bgcolor=”#000000
    body background=”clouds.gif”-
    13.
    HTML script 元素
    script标签用于定义客户端脚本,比如 JavaScript。
    script 元素既可包含脚本语句,也可通过 src 属性指向外部脚本文件。
    必需的 type 属性规定脚本的 MIME 类型。
    JavaScript 最常用于图片操作、表单验证以及内容动态更新。
    下面的脚本会向浏览器输出“Hello World!”:
    script type=”text/javascript”
    document.write(“Hello World!”)
    /script
    14.HTML 表单用于搜集不同类型的用户输入。
    input 元素
    input 元素有很多形态,根据不同的 type 属性。
    这是本章中使用的类型:
    类型 描述
    text 定义常规文本输入。
    radio 定义单选按钮输入(选择多个选择之一)
    submit 定义提交按钮(提交表单)
    password密码输入框
    hidden隐藏域
    checkbox复选框
    button 按钮
    reset 重置按钮
    imge 图片按钮
    file 文件
    select下拉框
    option value=>默认值
    《/select》
    input type=”text” name=”lastname” value=”Mous
    input type=”submit” value=”Submit
    –注意在form表单中使用
    15
    HTML5 中的新元素
    article 定义文档内的文章。
    aside 定义页面内容之外的内容。
    bdi 定义与其他文本不同的文本方向。
    details 定义用户可查看或隐藏的额外细节。
    dialog 定义对话框或窗口。
    figcaption 定义 元素的标题。
    figure 定义自包含内容,比如图示、图表、照片、代码清单等等。
    footer 定义文档或节的页脚。
    header 定义文档或节的页眉。
    main 定义文档的主内容。
    mark 定义重要或强调的内容。
    menuitem 定义用户能够从弹出菜单调用的命令/菜单项目。
    meter 定义已知范围(尺度)内的标量测量。
    nav 定义文档内的导航链接。
    progress 定义任务进度。
    rp 定义在不支持 ruby 注释的浏览器中显示什么。
    rt 定义关于字符的解释/发音(用于东亚字体)。

相关文章
|
5天前
|
移动开发 前端开发 JavaScript
【专栏:HTML与CSS实战项目篇】使用HTML5与CSS3制作一个动态表单验证页面
【4月更文挑战第30天】本文介绍了使用HTML5和CSS3创建动态表单验证页面的方法。首先,简述HTML5用于构建网页内容,CSS3用于描述样式。接着,分四步展示实现过程:1) 设计包含输入框和提示信息的表单结构;2) 使用CSS3创建样式,增强视觉效果;3) 使用JavaScript监听输入事件,动态验证表单并显示错误信息;4) 测试和调试确保跨平台兼容性。通过学习,开发者能掌握创建带验证功能的表单,提升用户体验。
|
5天前
|
移动开发 API UED
【专栏:HTML进阶篇】HTML5拖放API与触摸事件
【4月更文挑战第30天】HTML5的拖放API和触摸事件增强了网页交互设计,使开发者能创建动态响应式界面。拖放API通过设定元素的`draggable`属性、监听拖动和放置事件以及处理`DataTransfer`对象实现。触摸事件如`touchstart`、`touchmove`、`touchend`则让触控设备操作更流畅。开发者需注意事件对象、多点触控处理和防止默认行为。结合两者,可创建图片排序、手势识别等交互功能,但也需面对浏览器兼容性和复杂逻辑挑战。利用HTML5这些工具,能提升用户体验,推动网页交互设计创新。
|
5天前
|
移动开发 搜索推荐 JavaScript
【专栏:HTML 进阶篇】HTML5 新特性探索:视频、音频与画布
【4月更文挑战第30天】HTML5的视频、音频和画布元素为网页开发注入新活力。视频和音频元素提供跨平台兼容的播放体验,支持自适应和交互控制;画布则允许动态图形和动画创作。在线视频网站、音乐播放器和游戏开发广泛应用这些特性。尽管面临版权和性能挑战,HTML5持续发展,为网页创新带来更多可能。拥抱这些新特性,创造更丰富的网页世界!
|
5天前
|
移动开发 搜索推荐 前端开发
HTML、XHTML和HTML5系列对比
HTML、XHTML和HTML5系列对比
|
5天前
|
存储 移动开发 API
《HTML 简易速速上手小册》第9章:HTML5 新特性(2024 最新版)
《HTML 简易速速上手小册》第9章:HTML5 新特性(2024 最新版)
9 0
|
5天前
|
前端开发 搜索推荐 数据安全/隐私保护
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
23 1
|
5天前
|
移动开发 前端开发 搜索推荐
HTML图片标签(2) HTML5+CSS3+移动web 前端开发入门笔记(三)
HTML图片标签(2) HTML5+CSS3+移动web 前端开发入门笔记(三)
25 0
|
5天前
|
移动开发 JavaScript 前端开发
HTML ,XHTML,HTML5简介,js,JSP与Servlet的关系理解
HTML ,XHTML,HTML5简介,js,JSP与Servlet的关系理解
53 5
|
5天前
|
移动开发 定位技术 API
编程笔记 html5&css&js 035 HTML 地理定位
编程笔记 html5&css&js 035 HTML 地理定位
|
5天前
|
XML 移动开发 数据格式
编程笔记 html5&css&js 034 HTML MathML
编程笔记 html5&css&js 034 HTML MathML