zoukankan      html  css  js  c++  java
  • 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是由标签组成的,通过标签展示页面效果.一个标签展示一种效果,是万维网组织给制定的.

    标签分类

    • 根据标签的书写方式:

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

      • 行级标签(块标签):当前标签所展示的内容在页面上---独自占一行:
        换行标签
      • 行内标签:当前标签所展示的内容在一行内:
  • 相关阅读:
    由一段代码说开去——set
    由一段代码说开去——list
    day 11
    day 16
    day 10
    day 13
    day 9
    day 18
    day 12
    day 14
  • 原文地址:https://www.cnblogs.com/erlangha/p/14615327.html
Copyright © 2011-2022 走看看