html笔记

HTML

一 、什么是HTML

HTML 是一个超文本标记语言

二、 HTML 的标签格式

<标签>内容</标签>

三 、单标签和双标签的区别

成对出现都是想修饰里面的内容 自己就代表功能 不需要包裹任何东西就能展示的功 能就不需成对出现 比如<meta><br><hr>

四、  什么是标签属性

主要用于设置标签的更多信息

语法:<标签名 属性名="属性值" 属性名="属性值" ....>

  1. 注意事项:属性一般写在开始标签上
  2. 属性总是以名称/值对的形式存在
  3. 属性的值建议大家使用双引号
  • 通用属性有那些

Class类名  id ID  titile鼠标移入的提示文字  style样式

六 HTML基本结构

<!DOCTYPE html> ---文档声明

<html>-----文档根标签

<head></head>--头标签 用于指定html文档属性 引入外部资源  用户看不到的

<body></body>-- 体标签  展现给人看到的

</html>

七 、基础标签

hn 标题标签  大小一次减小   p 段落标签   

Strong/b 加粗                i/em 倾斜标签

br --换行标签                 hr 水平线

Small 字体变小               big 字体变大

八、 a标签

<a>定义超链接  

语法 定义和用法:

<a 属性="属性值">~标签内容~</a>

属性  href 指定访问的url的资源

        Target 指定打开资源的方式:_self: 默认值 当前页面

_blank:在空白页打开

九、绝对路径相对路径

绝对路径:(http://、https://)开始的

相对路径:所在的目录为参照路径进行定位  ./  当前目录, 

../  回到上一层目录

目录名/  当前目录的下级目录

十、多媒体

<img> 展示图片   属性:src(指定图片的位置)

     Alt 图片站位符

   Title 鼠标移入提示文字

   Height 高

   Width 宽

<audio>音频标签 基本语法:

<audio src="音乐文件路径url" controls="controls">

    您的浏览器不支持 audio 标签。

</audio>

属性:controls 播放按钮  loop 循环 muted 静音

<vidio> 视频标签 基本语法:<vidio src="音乐文件路径url" controls="controls">

    您的浏览器不支持 audio 标签。

十一列表标签

 有序列表基本语法:

<ul >

<li>文本内容</li>

</ul>

注意:有一些功能特别复合她的父子结构,li作为ul的子项出现 有很多功能子项组成 每一个功能子项的功能和样子基本相同 内容有所差异

无序列表基本语法:

<ol>

<li>文本内容</li>

</ol>

Type有五个值(A,a,i,I,1)start起始位置  reversed 倒序

自定义列表基本语法:

<dl>

<dt>列表标题</dt>

<dd>文本内容</dd>

</dl>

注意:列表必须组合出现,li标签里面可以嵌套标签 ul里面只能嵌套li

十二 布局标签

<span></span>文本信息在一行展示

<div></div>每个标签占据一整行

注意常见的块级标签:hn p div

常见的行内标签:span b a img

十三 块级标签和行内标签的区别

行内标签

行内标签多个并排一行,宽高为内容大小,不能设置宽高

块标签

块标签独占一行,宽度默认为100%,可以设置宽高

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值