HTML初级知识点整理(上)
Web标准:结构(html),表现(css),行为(javascript)
Html超文本标记语言,不是编程语言,是标记语言。Html负责构建布局框架(盖房子),css控制样式和布局(装修房子)
<html> 与 </html> 之间的文本描述网页
<body> 与 </body> 之间的文本是可见的页面内容
<h1> 与 </h1> 之间的文本被显示为标题
<p> 与 </p> 之间的文本被显示为段落
HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。
HTML 段落是通过 <p> 标签进行定义的。ex:<p>This is a paragraph.</p>
HTML 链接是通过 <a> 标签进行定义的。ex:<a href="http://www.w3school.com.cn">This is a link</a>
HTML 图像是通过 <img> 标签进行定义的。ex:<img src="w3school.jpg" width="104" height="142" />
<br>或者<br/> 标签定义换行,他是单标签(意味着它没有结束标签,因此这是错误的:<br></br>)。
HTML 代码中的所有连续的空行(换行)也被显示为一个空格。
Font标签:字体; b标签:加粗; strong标签:加粗(有强调作用); span标签:没有固定的格式,对应 css样式; pre标签:保留空格和换行符,文本呈现等宽字体; input标签:加控件; i标签:倾斜; em标签:倾斜(有强调作用); sup标签:上标; sub标签:下标; del标签:删除线; ins标签:插入字;
A标签(链接标签):<a href=”http://www.baidu.com”>百度一下,你就知道</a><!--跳转不换页-->
<a href=”http://www.baidu.com” target=”_blank”>百度一下,你就知道</a><!--跳转新打开一页-->
<a href=”地址路径和文件名”>点击下载</a><!--下载,但是不能下载html文件-->
<a href=”mailto:123456@qq.com”>点击给我发邮件</a>
<a href=”#one”>锚点链接</a>跳转到<h2 id=”one”>锚点链接介绍</h2>
图像标签:src——图片路径(必须属性) alt——替换文本(图像不能显示时显示的文字) title——提示文本(鼠标放图片上显示的文字) width:宽 height:高 border:边框粗细(一般不用这个,用css样式调整)
相对路径:1.同级路径2.上一级路径/3.下一级路径../
绝对路径:从盘开始写全文件路径
特殊字符:<:< ; >:>; 空格: ;
Html style 样式(规定元素的行内 CSS 样式。):
style="background-color:yellow"——background-color 属性为元素定义了背景颜色
style="font-family:arial;color:red;font-size:20px——font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸
style="text-align:center——text-align 属性规定了元素中文本的水平对齐方式
HTML <q> 元素定义短的引用。浏览器通常会为 <q> 元素包围引号
HTML <blockquote> 元素定义被引用的节。浏览器通常会对 <blockquote> 元素进行缩进处理。
HTML <abbr> 元素定义缩写或首字母缩略语。对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。
HTML <dfn> 元素定义项目或缩写的定义。
HTML <address> 元素定义文档或文章的联系信息(作者/拥有者)
HTML <cite> 元素定义著作的标题。
HTML <bdo> 元素定义双流向覆盖(bi-directional override)dir="rtl"
资料来源链接:https://www.w3school.com.cn/
https://www.bilibili.com/
