• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > HTML入门必知

HTML入门必知

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含HTML,入门等相关知识,匿名希望在学习及工作中可以帮助到您
这次给大家带来HTML入门必知,HTML入门必知的注意事项有哪些,下面就是实战案例,一起来看一下。

一、简介

1、超文本标记语言(Hyper Text Mark Language),是一种创建网页的标准标记语言,由浏览器来解析。

2、文档后缀名为.html或htm,html文件也叫web页面;

3、HTML中不支持空格、回车、制表符,它们都会被解析成一个空白字符;

4、HTML标签通常是成对出现的,格式:<tagName>data</tagName>;

5、只有<body> </body>标签内的内容才会在浏览器中显示;

6、HTML语言不区分大小写;

7、<!--注释-->

8、helloworld!

<!DOCTYPE html>    <!--声明HEML版本-->
<html>
  <head>
    <meta charset="utf-8">    <!--声明编码方式-->
    <title>helloworld!</title>
  </head>
  <body>
     helloworld!
  </body>
</html>

二、标签

(一)基本

<html> </html>        HTML页面根元素
<head> </head>        包含文档的元数据(meta)
<title> </title>     文档标题,存书签时也显示此内容
<body> </body>        包含了页面的可见内容
<h1> </h1>            大标题,往下每一级标题依次h2,h3的类推,最小标题是h6
<p> </p>              段落
<a href=""> </a>      链接,中间内容为显示内容,例:<a href="http://www.baidu.com">百度</a>;如果target="_blank",链接会在新的窗口中打开
<img src="address" width="3" height="5" /> 图像,alt属性可在浏览器无法载入图像时显示文本
<iframe></iframe>      框架,使用src属性指向不同的URL,达到一个窗口显示多个页面的目的;
<br>                  换行符,属于一个空元素,即没有内容的元素,空元素是在开始标签中关闭的<br/>
<hr>                  分割线
<div> </div>          区块,可用于组合其他元素的容器;可使用它进行布局;
<span> </span>        用来组合文档中的行内元素;
<!doctype html>       声明html版本,不区分大小写

(二)文本格式标签

<strong> </strong>  加粗显示之间的文字,也可用<b></b>
<em> </em>         斜体,也可用<i></i>
<big> </big>        放大
<small> </small>    缩小
<sub> </sub>        下标文字
<sup> </sup>        上标文字
<ins> </ins>        下划线
<del> </del>        删除线

(三)引文、引用及标签定义

<abbr> </abbr>            缩写,被缩写的内容用title属性来体现
<address> </address>     定义地址,通常被包含在<footer>元素的其他信息中
<bdo> </bdo>              定义文字方向,默认值为从左到右,可用dir="rtl"来改为从右到左显示
<blockquote> </blockquote>   定义长的引用,可用cite="URL"来规定引用的来源
<q> </q>                 定义短的引用,属性cite
<cite> </cite>            定义引用、引证
<dfn> </dfn>             定义一个定义项目

(四)

1“计算机输出”标签1 <code> </code>      定义计算机代码
2 <kbd> </kbd>        定义键盘码
3 <samp> </samp>      定义计算机代码样本
4 <var> </var>        定义变量
5 <pre> </pre>        定义预格式文本

(五)head元素内包可含元素

<title> </title>  
<base>                定义了页面的默认链接地址,通过href属性来实现
<link>                定义了文档和外部资源的关系,通常可用rel,type,href等属性
<meta>                定义了文档中的元数据,可有name,content,charset等属性
<script></script>     用于加载脚本文件
<style></style>       定义了HTML文档的样式文件

(六)图片标签

1 <img>
2 <area>                 定义带有可点击区域的图像,可有shape,coords等属性,来画各种图形
3 <map></map>            带有可点击区域图像映射,必须有name属性,中间可包含area元素;

(七)表格标签

<table></table>        定义表格,表格的所有内容都应放在里边;属性border=“1”定义了边框大小
<caption></caption>    表格标题
<tr></tr>              表格每一行的内容;
<td></td>              一个单元格的内容;
<thead></thead>        表格第一行;
<th></th>             表头内容,即第一行每一格内容;
<tbody></tbody>        表格主体;
<tfoot></tfoot>        表格最后一行;
<colgroup></colgroup>  表格列的组;
<col></col>            表格列的属性;

相信看了本文案例你已经掌握了方法,更多精彩请关注微课江湖其它相关文章!

相关阅读:

用React完成一个图片轮播组件

用<h1>和段落<p> 写一个三毛语录

以上就是HTML入门必知的详细内容,更多请关注微课江湖其它相关文章!

您可能想查找下面的文章:

  • HTML5知识点总结
  • HTML5的本地存储
  • HTML5本地存储之IndexedDB
  • Html5实现文件异步上传功能
  • Html5新标签datalist实现输入框与后台数据库数据的动态匹配
  • 详解HTML5 window.postMessage与跨域
  • HTML5拖放API实现拖放排序的实例代码
  • 解决html5中video标签无法播放mp4问题的办法
  • HTML5新特性 多线程(Worker SharedWorker)
  • Html5新增标签有哪些

相关文章

  • 2018-12-03目前有哪些比较成熟的 HTML5 游戏引擎?
  • 2018-12-03HTML5 Canvas绘图使用详解
  • 2017-08-06html5 css3网站菜单实现代码
  • 2017-08-06HTML5全屏(Fullscreen)API详细介绍
  • 2018-12-03HTML5地理位置定位Geolocation-API及Haversine地理空间距离算法(图文)
  • 2017-08-06使用HTML5技术开发一个属于自己的超酷颜色选择器
  • 2018-12-03在HTML5中如何提高网站前端性能的示例代码分析
  • 2018-12-03HTML5 拖拽复制功能的实现
  • 2017-08-06HTML5 canvas绘制的玫瑰花效果
  • 2018-12-03大牛们鉴定下我网页制作的(html Div+css)属于什么水平?

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 利用HTML5画出一个坦克的形状具体实现代码_html5教程技巧
    • App Store 或者 Google Play Store 中有哪些不错的 HTML5 app?
    • 制作HTML5页面,选择那些软件比较好?
    • Html5新标签datalist实现输入框与后台数据库数据的动态匹配
    • HTML5 之2__列表标记
    • html5使用canvas绘制文字特效_html5教程技巧
    • 详解WebSocket跨域问题解决
    • html5记忆翻牌游戏实现思路及代码_html5教程技巧
    • HTML5游戏框架cnGameJS开发实录-碰撞检测模块篇
    • 用HTML和CSS实现WWDC 2015上的动画效果

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有