欢迎光临散文网 会员登陆 & 注册

黑马程序员pink老师前端入门教程,零基础必看的h5(html5)+css3+移

2023-02-28 18:50 作者:Aa-卤蛋  | 我要投稿

<html></html>-----HTML标签,

<head></head>----文档的头部

<titile></titile>----文档的标题

<body></body>----文档的主体

<!DOCTYPE html>文档类型声明标签

en定义语言为英语

zh-CN定义语言为中文(en就是英文网页zh-cn就是中文网页)

GB2312简体中文 ,

BIG5繁体中文,

GBK包含简体中文和繁体中文,

UTF-8万国码,

标题标签:<h1>-<h6>(重要)

<h1></h1>:一级标签, 作为标题使用

特点:

1.加了标题的文字会加粗,字号也会依次变大

2.一个标题独占一行。

<p></p>段落标签

特点:

1.文本在一个段落中会根据浏览器窗口的大小自动换行。

2.段落和段落之间保有空隙

换行标签<br/>

特点

1.是单个标签

2.只是简单地开始新的一行,跟段落不一样,段落之间会插入一些垂直的间距。

加粗标签

<strong></strong>

<b></b>

倾斜标签

<em></em>

<i></i>

删除线

<del></del>

<s></s>

下划线

<ins></ins>

<u></u>

<div>和<span>标签

<div>和<span>是没有语意的它们就是一个盒子,用来装内容的。

特点

1.<div>标签用来布局,但是现在一行只能放一个<div>。大盒子

<span>标签用来布局,一行上可以多个<span>。小盒子

图像标签

<img>标签用于定义页面中的图像

<img src="图片名称.后缀名"/>

alt 替换文本 图像显示不出来的时候用文字替换

title提示文本,鼠标放到图像上提示的文字

<img src=“图片名称.后缀名” alt=“提示文本” title = “替换文本”/>

图像标签

src 图片路径---必须属性

alt 文本   ---替换文本,图像不能显示的文字

title 文本 ---提示文本,鼠标放在图片上,显示的文字

width 像素---设置图像的宽度

height像素---设置图像的高度

border像素---设置图像的边框粗细

同一级路径,   ,图像文件位于HTML文件同一级 如<img src="baidu.gif"/>

下一级路径,/ ,图像文件位于HTML文件下一级 如<img src="images/baidu.gif"/>

上一级路径../ ,图像文件位于HTML文件上一级 如<img src="../baidu.gif"/>

绝对路径

超链接标签

1.超链接的语法格式:<a href="跳转目标"target="目标窗口的弹出方式">文本或图像</a>

href 用于指定链接目标的url地址,(必须属性)

target 用于指定链接页面的打开方式,其中_self为默认值,_blank为在新窗口中打开的方式

黑马程序员pink老师前端入门教程,零基础必看的h5(html5)+css3+移的评论 (共 条)

分享到微博请遵守国家法律