美文网首页我爱编程
HTML相关知识总结

HTML相关知识总结

作者: cybeyond | 来源:发表于2018-01-29 13:42 被阅读0次

<!DOCTYPE HTML>声明为html5的版本,有助于浏览器正确显示网页。

一、HTML元素

1、 HTML段落通过标签<p>来定义

<p>标签

使用br换行


段落

2、HTML 链接是通过标签 <a> 来定义

  • 须以http开头


    <a>标签

html链-id属性:用于创建一个html文档书签标记
提示:书签是不以任何特殊的方式显示,在HTML文档中是不显示的。

3、HTML 图像是通过标签 <img> 来定义的

  • 图像的名称和尺寸是以属性的形式提供的


    <img>标签

二、HTML属性

html元素可以设置属性,如html链接由<a>标签定义。链接的地址在href属性中指定。

<a href="http://www.runoob.com">这是一个链接</a>
html元素的属性参考

三、HTML标题

1、标题(heading)通过<h1>-<h6>标签进行定义的

标题
2、html水平线

标签在html页面中创建水平线
水平线
3、html注释
浏览器会忽略注释,也不会显示它们
<!-- 这是一个注释 -->

四、HTML头部

1、<head>
<style> 标签定义了HTML文档的样式文件引用地址.
在<style> 元素中你也可以直接添加样式来渲染 HTML 文档:

<head>
<style type="text/css">
body {background-color:red}
p {color:blue}
</style>
</head>

meta标签描述了一些基本的元数据。
<meta> 标签提供了元数据.元数据也不显示在页面上,但会被浏览器解析。
META 元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者,和其他元数据。
元数据可以使用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他Web服务。
<meta> 一般放置于 <head> 区域:


meta标签

五、html表格

表格由 <table> 标签来定义。

六、HTML表单和输入

html表单用于收集不同类型的用户输入
文本域:通过<input type="text"> 标签来设定,当用户要在表单中键入字母、数字等内容时,就会用到文本域。

表单
密码字段:通过标签<input type="password"> 来定义:
表单

单选框和复选框

单选框和复选框
提交按钮:<input type="submit"> 定义了提交按钮.
当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。
image.png
假如您在上面的文本框内键入几个字母,然后点击确认按钮,那么输入数据会传送到 "html_form_action.php" 的页面。该页面将显示出输入的结果。

七、HTML框架

通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。
该URL指向不同的网页

<iframe src="URL"></iframe>
iframe框架 iframe框架

相关文章

  • HTML相关知识总结

    声明为html5的版本,有助于浏览器正确显示网页。 一、HTML元素 1、 HTML...

  • 《HTML入门笔记1》

    这节课正式入门了HTML的相关知识,本篇博客将总结HTML是谁发明的、起手式、表章节标签、全局属性、内容标签的相关...

  • html相关知识!!!

    现在html已经升级到html5了,html4与html5有很多相同的地方,也有很多不同的地方,今天小编想为大家整...

  • HTML 相关知识

    1.table布局 cellpadding:单元格与内容的填充距离cellspacing:单元格之间的距离cols...

  • HTML相关知识

    HTML、XML、XHTML 有什么区别 HTML是一种超文本标记语言,语法松散,不严格的web语言。 XML是可...

  • HTML相关知识

    1. HTML、XML、XHTML 有什么区别? HTML,超文本标记语言,是语法较为松散的、不严格的Web语言;...

  • HTML相关知识

    HTML、XML、XHTML的区别 HTML是一种超文本标记语言,语法较为松散,不规范。 XML是一种可扩展标记语...

  • HTML相关知识

    1、HTML、XML、XHTML 有什么区别 HTML(HyperText Markup Language):超文...

  • HTML相关知识

    W3C 简介 万维网联盟(英语:WorldWideWebConsortium,缩写W3C),又称W3C理事会,是万...

  • 一些 HTML 的知识总结

    本文总结一些 HTML 相关的知识,留作以后查看,包括同源策略、跨域、HTML 语义化等。 同源策略 同源策略是浏...

网友评论

    本文标题:HTML相关知识总结

    本文链接:https://www.haomeiwen.com/subject/ivyznxtx.html