zoukankan      html  css  js  c++  java
  • HTML学习笔记03-HTML基础

    <!DOCTYPE HTML>
    
    <html>
    
        <head>
        
            <title>
            
            </title>
            
        </head>
        <body>
        
        </body>
        
    </html>

    <html>和</html>之间的文本用来描述网页

    <head>和</head>之间是头部信息,部分标签只能用在头部

    <body>和</body>之间就是展示给我们看的内容

    HTML标题

    HTML标题(heading)是通过<h1>-<h6>来定义的

    使用标题的内容,字体会加粗变大。但是不要因为这些效果而去使用标题。

    标题可以理解为文章的标题,比如现在这篇博客的标题就是使用<h4>标签,进到博客时,显示的博客名称是用<h2>

    可以在网页右键查看源代码,看到网页对应的html文档

    <h1>是重要的主标题,尽量只有一次,类似写作文的作文名

    HTML段落

    HTML段落是通过<p>标签进行定义的

    现在这篇文章里面记录的内容就是通过<p>标签来定义的

    浏览器会自动在段落的前后添加空行

    HTML连接

    HTML连接是通过<a>标签进行定义的

    <!DOCTYPE HTML>
    
    <html>
    
        <head>
        
            <title>
            百度一下,你就知道
            </title>
            
        </head>
        <body>
        <a href="https://www.baidu.com">百度一下,你就知道</a>
        </body>
        
    </html>
     

    在href属性中指定需要连接的地址,之后会详细学习到

    HTML元素

    HTML元素指从开始标签到结束标签的所有代码

    开始标签常被称为开放标签(opening tag),结束标签常称为闭合标签(closing tag)

    HTML元素语法:

            HTML元素以开始标签起始

            HTML元素以结束标签终止

            元素的内容就是开始标签与结束标签之间的内容

            某些HTML元素具有空内容

            空元素在开始标签中关闭

            大多数HTML元素拥有属性

    大多数HTML元素可以嵌套,就像上面的HTML实例

    <br>标签定义换行,就是一个没有关闭元素的空元素

    <br/>是关闭空元素的正确方法

    HTML标签对大小写不敏感,但是万维网联盟(w3c)推荐使用小写,所以建议小写

    HTML属性

    HTML标签可以拥有属性。属性提供了有关HTML元素更多的信息

    属性总是以名称/值的形式出现,比如:name="value"。

    属性总是写在HTML元素的开始标签中,属性的值应该括在引号里面。双引号最常用,单引号也没有问题。在某些个别情况下,比如属性值本身就有双引号,只能使用单引号了。同样属性推荐使用小写

    常用的属性

    class:元素的类名

    id:元素的唯一id

  • 相关阅读:
    盒子垂直水平居中
    Sahi (2) —— https/SSL配置(102 Tutorial)
    Sahi (1) —— 快速入门(101 Tutorial)
    组织分析(1)——介绍
    Java Servlet (1) —— Filter过滤请求与响应
    CAS (8) —— Mac下配置CAS到JBoss EAP 6.4(6.x)的Standalone模式(服务端)
    JBoss Wildfly (1) —— 7.2.0.Final编译
    CAS (7) —— Mac下配置CAS 4.x的JPATicketRegistry(服务端)
    CAS (6) —— Nginx代理模式下浏览器访问CAS服务器网络顺序图详解
    CAS (5) —— Nginx代理模式下浏览器访问CAS服务器配置详解
  • 原文地址:https://www.cnblogs.com/myal/p/9337402.html
Copyright © 2011-2022 走看看