菜小白学习HTML(1)

第一次写博客,嗯。。。。
什么是HTML?
HTML是一种标记语言,标记语言是一套标记标签。
(HTML文档也叫做Web页面。)
标签:
< html >元素是HTML页面的根元素。
< head >包含了文档的元(meta)数据。
(meta charset="utf-8"是定义网页编码格式,防止出现中文乱码)
< title >元素描述了文档标题。
< body >元素描述了可见的页面内容。
< h1 >元素定义了一个大标题(1-6,标题大小依次减小)
< p >定义了一个段落
< a >定义一个链接或者超文本链接。
< img >定义一个图片
< br >表示换行( < br >是没有闭合的空元素。没有内容的HTML元素称为空元素。并且对于HTML,无法通过在HTML代码中添加额外的空格或换行来改变输出的效果)
< hr >标签表示在HTML页面中创建水平线(可用于分割内容)。
<!-- – >是HTML的注释
属性
HTML可以设置属性,属性一般在开始标签描述,是用来添加附加信息的)
属性总是以值对/名称的形式出现
超文本链接
HTML使用标签< a >来设置超文本链接。在标签< a >中使用了href属性来描述链接的地址。(换句话来说,href属性描述了链接的目标)
target属性可以定义被链接的文档在何处显示。
id属性可用于创建一个HTML文档书签标。(书签是不以任何特殊形式的方式显示,在HTML文档中是不显示的。所以对于读者来说是隐藏的。)
< head >区域精讲
< head >元素包含了所有的头部标签。可以添加在头部区域的元素标签:< title > < style > < meta > < link > < script > < noscript > < base >
< base > 标签描述了基本的链接地址/链接目标。该标签作为HTML文档中所有的链接标签的默认链接。
< link >标签定义了文档与外部资源之间的关系且< link >标签通常用于链接到样式表。
< style >标签定义了HTMl文档的样式文件引用地址;在< style >元素中也可以直接添加样式来渲染HTML文档。
< script >元素用于加载脚本文件。
CSS修饰标签的样式,有内联和外引两种方式。(对于大部分标签,以上两种方法均可。)
内联样式:在HTML元素中使用“style”属性。
内部样式表:在< head >部分通过< style >标签定义内部样式表。(当单个文件需要特别样式时,选择这一种。)
外部样式表:。。。(当样式需要被应用到很多页面的时候,是最理想的选择。)
背景色属性(background-color)定义一个元素的背景颜色。
font-family定义字体的样式,
color定义字体的颜色
font-size定义字体的大小
text-align属性指定文本的水平和垂直对齐方式

使用源属性(src)在页面上显示图像,源属性的值是图像的URL地址(URL是Uniform Resource Locator的缩写,即统一资源定位系统,也就是存储图像的位置)
alt属性用来为图像定义一串预备的可替换的文本。当浏览器无法载入图片时,替换文本属性告诉读者他们失去的信息。
< map >定义图像地图
< area >定义图像地图中的可点击区域。
在创建图像映射的示例中,shape指的是点击区域的形状
coords指的是链接区域在图片中的坐标(以像素为单位)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

张张张张张#张#

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值