ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

html

2021-04-03 23:35:34  阅读:146  来源: 互联网

标签:网页 展示 标签 html 超文本 页面


html

学习目标

  • 能够使用h1~h6,hr,p,br等与文本有关的标签
  • 能够使用有序列表ul-li和无序列表ol-li显示列表内容
  • 能够使用块级标签div与内联标签span
  • 能够使用图片img标签把图片显示在页面中
  • 能够使用超链接a标签实现页面跳转
  • 能够使用table,tr,td标签定义表格
  • 能够制作网页

基础

HTML概念

html(超文本标记语言):全称Hyper Text Markup Language.

  • 超文本: 超越一般文本,可以在超文本中添加图片,超链接等等.
  • 标记: 标签,一个标签就可以展示一种效果.
  • 语言: 人和网页交流沟通的工具.

作用: 编写网页.编写好的网页直接使用浏览器展示即可

HTML文件基本结构

<!DOCTYPE html> <!-- 文档声明,声明此文件为html文件,遵循html5的规范 -->
<html>	<!-- html页面的根标签,一般一个页面中只有一个根标签 -->
	<head> <!-- head标签: 头标签,存放网页的重要信息,一般不在页面上显示 -->
		<meta charset="utf-8" /> <!-- meta:元标签,非常重要,指定当前页面的编码方式 -->
		<title>我的第一个网页</title> <!-- title标签:标题标签,给网页起名名 --> 
        <style></style> <!-- 样式标签,用于编写css样式,对页面装饰 -->
        <link></link> <!-- 样式标签:用于将外部的css样式文件引入到当前页面中 -->
	</head> 
	<body> <!-- body标签: 主体标签,存放在网页中展示的内容 -->
		如今的现在早已不是曾经说好的以后!
	</body>
</html>

标签和标签属性

标签

html是由标签组成的,通过标签展示页面效果.一个标签展示一种效果,是万维网组织给制定的.

标签分类

  • 根据标签的书写方式:

    • 单标签(空标签): 只有开始标签,没有结束标签和标签体:
    • 双标签: 有开始标签和结束标签,开始标签和结束标签中的内容叫做标签体.结束标签前需要加
  • 根据展示效果:

    • 行级标签(块标签):当前标签所展示的内容在页面上---独自占一行:
      换行标签
    • 行内标签:当前标签所展示的内容在一行内:

标签:网页,展示,标签,html,超文本,页面
来源: https://www.cnblogs.com/erlangha/p/14615327.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有