HTML结构和基本语法

文档结构介绍:

标签属性

  • 文档声明:用于声明当前HTML的版本,这里的<!DOCTYPE html>是HTML5的声明

  • html根标签:除文档声明以外,其它内容全部要放在根标签html内部

  • 文档头部配置:head标签,是当前页面的配置信息,外部引入文件, 例如网页标签、字符集等

  • 文档显示内容:body标签,里边的内容会显示到浏览器页面上

  • HTML语法规范

  • 扩展名是html或者htm

  • html标签不区分大小写

  • html由头(head)和体(body)组成

  • 标签是可以嵌套的,标签里面可以放标签

  • 标签一般由起始标签开始,结束标签终止(成对出现)。但是如果标签不修饰内容,可以在标签里结束.

  • 属性是属于标签的,修饰标签,让标签有更多的效果

  • 属性一般定义在起始标签里面。

  • 属性一般以 属性名=属性值的形式存在

  • 属性值一般用 '' 或者“ ” 括起来。 不加引号也是可以的.(不建议使用)

    • <标签名/> 空标签

HTML常用的标签

  1. 标题标签

<hn></hn>   n取值1~6

段落标签 段落之间自动进行换行

<p></p>

粗体标签

<b></b>

斜体标签

<i></i>

换行标签

<br/>

下划线标签

语法:
<img src="图片路径" width="宽" height="高" alt="图片描述" title="用于告诉浏览器, 当鼠标悬停在图片上时, 需要弹出的描述框中显示什么内容"/>

无序列表

<ul type="类型">
    <li>需要显示的条目内容</li>
    ...
</ul>
 <!--type属性: 列表的类型; circle: 空心圆; square: 实心的正方形-->

超链接标签的格式:
        <a href="指定需要跳转的目标路径" target="打开的方式">需要展现给用户查看的内容</a>
        target属性取值: 
            _blank:新起页面
            _self:当前页面(默认)

  • 无序列表

  • <ul type="circle\square\默认实心圆">

  • 有序列表

  • <ol type="" start="">
        <li></li>
    </ol>

  • 超链接标签

  • <a href="" target="打开方式">文本</a>

    target取值:
        _self  当前窗口打开【默认】
        _blank 新开一个窗口

  •  

     

  •  

     

     

     

     

     

     

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值