• HTML的实际演练1


    1、HTML介绍

    一个网站的建立都是HTML的,例如大家可以打开F12就可以看到浏览器的一个开发者模式,就可以看到网页的源代码了;

    当然这网页他有很多的标签编写组成的,有的显示文字,段落,有的是个超链接,不同的标签的功能,具体的任务就是给用户呈现一个丰富的可以很好使用的web网站,比如一个学校的有学生,有语数外老师,大家都各个教各自的,不能让体育教数学,不然就该有人吐槽了,说“”数学是体育老师教的“”,哈哈开个玩笑;

    2、HTML的标题:

    HTML标题(heading)是通过<h1>-<h6>等标签来进行定义的
    <h1>this is a heading</h1>
    <h2>this is a heading</h2>
    <h3>this is a heading</h3>

    3、head定义和用法:
    <head>标签用于定义文档的头部,他是所有的头部元素的容器,<head>中的元素可以引用脚本,指示浏览器在哪里找到样式表,提示元信息;

    <html>
    <head>

    <title>文档标题</title>
    </head>
    <body>
    文档内容......
    </body>
    </html>

    4、HTML的段落是通过<p>来定义的
    <p>这是一个段落</p>
    <p>这是第二个段落</p>/

    5、HTML的链接:

    html的链接是通过<a>标签进行定义的
    <a>标签用于定义超链接,用于从一张页面链接跳转到另一张页面
    </a>元素最重要的属性是href属性,它指示链接的目标
    <a href="http://www.baidu.com">这是百度链接地址</a>

     6、HTML图像:
    HTML的图像是通过<img>标签来定义的
    <img src='w3cs.jpg' width='102' height='142'/>

     7、HTML的注释:
    可以将注释插入HTML代码中,可以提高其可读性,是代码更易被人理解,浏览器会忽略注释,也不会显示他们,注释是这样写的:

    <!--这是一段注释。注释不会在浏览器中显示。-->
    <p>这是一段普通的段落。</p>

     1 <!DOCTYPE HTML>
     2 <html>
     3 <head>
     4 <meta charset="utf-8">
     5 <title>博客地址</title>
     6 </head>
     7 <body>
     8 <h2>学习博客</h2>
     9 <p>自己摸索前进</p>
    10 <p>这个过程很慢</p>
    11 <a href='http://www.baidu.com'>百度</a>
    12 </body>
    13 </html>

     

  • 相关阅读:
    将Color的格式转变成颜色值
    F# 学习笔记 1 基础学习
    GridView 72般绝技
    前台直接读取Web.config中的值的方法
    根据属性名称 获取对象的属性值
    字符集与字符编码简介(转)
    一个WinForm程序配置信息的简单模型和维护工具——设计说明
    扩展DLL调用扩展DLL的LINK2001错误的解决办法之一
    CProfile : 读写私有INI配置文件
    日记:如何在MFC中使用Winsock2
  • 原文地址:https://www.cnblogs.com/surewing/p/7858376.html
Copyright © 2020-2023  润新知