zoukankan      html  css  js  c++  java
  • 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>

     

  • 相关阅读:
    windows 快捷键
    MySQLorder by用法
    Idea-2020.1.3破解
    Java-FTP上传下载
    Java-byte转换
    Java-执行shell命令
    Java-文件加密传输(摘要+签名)
    AmazonRekognition-Java对接
    Java-File转MultipartFile
    AmazonS3-Java对接
  • 原文地址:https://www.cnblogs.com/surewing/p/7858376.html
Copyright © 2011-2022 走看看