0基础初识html

初识html

html

1、html全称:hypertext markup language(超文本标记语言)
定义文档的内容结构(如:标题、图片、文字、段落等)

2、html文档格式: html 或 htm
一个完整的文件: index . html

快捷键: shift+!

一个html文档由大量元素组成

head

head:文档头,是所有头部元素的容器,对当前页面的描述

1、 <!DOCTYPE html>:定义文档类型声明,用于通知浏览器,目前的文档正在使用哪一个html版本解析

2、可以设置编码,(例如:gbk utf-8等)
2-1、 utf-8最常用
2-2、 gbk国家标本扩展版本(包含亚裔版本,和繁体字符集)
3、还可以引入样式 css , js等等

body

body:文档体,网页中所有可见内容都要写在该元素内,body元素中可以包含大量的其他元素,定义文档的内容结构

标签:
例:<开始标记> 元素内容 </ 结束标记>

h1~h6元素
h元素的数字越小,在页面上显示效果字越大
h元素的数字越大,在页面上显示效果字越小

一级标题

二级标题

一级标题
一级标题
一级标题
一级标题

a元素 (超链接)

< a  href="www.baidu.com">立即加入< /a>

href="www.baidu.com"为属性:表示元素额外的信息,用户点击后可跳转 (标签内可以添加多个属性)
标记名、属性、元素内容共同决定了一个元素的显示内容和行为

div元素
它是一个块元素、代表是一个容器,用于包含其他元素,没有任何的语义,在网站布局时,它通常用于表示页面的区域

p:标签 段落
注意事项:
1、不能嵌套p
2、不能嵌套划分区域标签
3、不能嵌套标题

img:称之为自闭合元素或空元素,没有元素内容、也没有结束标记。

 < img  src="图片URL位置"  alt="图片替代文字">

q:小段引用标签
该标签自带样式 “”
适用场景:名人名言

blockquote:大段引用标签
默认样式:缩进(2个汉字)
适用场景: 引用文章段落或整个文章

| | |

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值