HTML基础

html第一天

基本知识

  • 定义:hypertext marcup language 超文本标记语言的缩写,用标签标记内容,使其富有语义
  • 固定结构代码:
<!DOCTYPE html>
<html>
  <head>
    <mata charset='UTF-8'>
    <title></title>
  </head>>
    <body>
    </body>>
</html>

基础标签

  • p标签 段落标签
  • br 换行
  • hr 水平线标签
  • h系列标签(1~6)
  • img 图片标签
  • a 锚链接跳转标签
<body>
    <base target="_blank">
</body>>
<a href="路径" target="跳转方式">
  注:1.target默认跳转方式为_self指指当前窗口打开一个新页面,_blank新开一个窗口。
      2.base标签用来控制整个页面a标签的跳转方式,放body标签里某个a标签要不一样可行内改。
      3.a标签的定位结合标签id进行 href="#id名"
  • 文本格式化标签

    - u ins ui下划
    - i em  我易倾斜  
    - s del  钱删除
    - b strong  不强加粗
    
  • 转义字符

注:一般我们常用的需要记住的也就&nbsp、&lt、&gt三个。

标签分类

  • 标签类别:单标签,双标签
  • 标签关系:嵌套,并列

根据标签关系,规范书写代码,做好缩进。

路径

  • 绝对路径:包含盘符一级一级的写
  • 相对路径
在同一级:./
在下一级:img/
在上一级:../
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • HTML基础 本文包括 HTML基本知识与结构 HTML常见标签 标签写法与嵌套的讨论 HTML、CSS、java...
    廖少少阅读 6,423评论 2 21
  • 原 Blog 链接:HTML基础学习笔记 自学 html 基础笔记 Web 前端简单介绍 web 前端包含: pc...
    任凱阅读 5,244评论 0 5
  • html简介: HTML学习总结慕课网 一、html介绍 (一)html和Css的关系 HTML是网页内容的载体。...
    数独题阅读 3,954评论 0 1
  • 知识点导航: 一、HTML初步认识<p> 什么是纯文本文件txt 只能保存文本内容的文件叫做纯文本文件,即txt文...
    lanvy阅读 4,645评论 0 1
  • 关心这东西,自己给自己就好
    周伦杰阅读 1,207评论 0 1

友情链接更多精彩内容