HTML基础

一.html是什么?
HyperText Markup Language 超文本标记语言,在浏览器里运行。

二.标签语法
   1.双标记标签      <标签名>内容</标签名>
   2.单标记标签      <标签名>


三.网页基本结构

解释:
1.<!DOCTYPE html>  声明文档类型  html5文档
2.<html></html>   根标记标签
3.<head></head>  头标记标签
4.<body></body>  主体标记标签
5.<meta charset="utf-8"> 元数据标签   charset设置字符编码   utf-8万国码

四.段落标签
  <p>内容</p>

五.图片标签
  <img src="" alt="" width="" height="" title="">
  属性:
  1.src   用来引入图片路径    相对路径
     值:1)当html文档与图片在同一个目录下,直接写图片名称         1.jpg
           2)当html文档与图片所在文件夹在同一个目录下,先写文件夹名称,再写图片名称    images/2.jpg
           3)当html文档所在的文件夹与图片在同一个目录,先通过../跳出当前文件夹,再写图片名称       ../3.jpg
           4)当html文档所在的文件夹与图片所在的文件夹,先通过../跳出html文档当前所在的文件,然后写图片所在的文件夹名称,最后写图片名称       ../img/4.jpg
  2.alt   当图片加载失败时的替代文本
  3.width  宽度   默认单位:像素px
  4.height  高度   默认单位:像素px
  5.title  鼠标放到该标签上的提醒文本

 

六.标题标签
  <h1>一级标题</h1>
  <h2>二级标题</h2>
  <h3>三级标题</h1>
  <h4>四级标题</h4>
  <h5>五级标题</h5>
  <h6>六级标题</h6>

  相同点:都是块元素,都加粗
  不同点:字号依次减小

七.换行 <br>

 

八.列表
  1.无序列表    列表项无先后顺序
   <ul>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
    ...
   </ul>

   2.有序列表   列表项有先后顺序
   <ol>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
    ...
   </ol>

 

九.行内元素
  加粗:
  <b></b>   <strong></strong>
  倾斜:
   <i></i>     <em></em>
  上标:  <sup></sup>
  下标:  <sub></sub>

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值