宏奕笔记培训（1）

最新推荐文章于 2021-03-13 09:13:46 发布

ttttsuki

最新推荐文章于 2021-03-13 09:13:46 发布

阅读量407

点赞数 5

文章标签： html

本文链接：https://blog.csdn.net/ttttsuki/article/details/109210977

版权

1.html5 概述

html5是构建Web内容的一种语言描述方式，适用于描述网页文档，被认为是互联网的核心技术之一。

2.html5文档基本格式

（1）<!DOCTYPE>文档类型说明：只在开头使用，保证该网页为有效的html文档。

（2）<html>根标记：标记着文档的开始和结束。

（3）<head>头部标记：一个文档中只含有一对标记，用于封装其他标记。

（4）<body>主体标记：一个文档中只含有一对标记，与并列，所有展示给用户看的信息都在内。

3.html5 语法

（1）标签不区分大小写。

（2）允许属性值最好不使用引号。

4.html 标记（带有“<>”符号的元素）

（1）双标记：由开始和结束两个标记符组成的标记 </>内容</>

（2）单标记：空标记 </>

（3）注释标记（不会在浏览器中显示）：<！–注释语句–！> 快捷键 Ctrl+/

5.元素的属性

（1）标题标记：<h1 align="对齐方式">标题文本<h1> center 居中对齐 left 向左对齐 right 向右对齐

（2）段落标记:<p align="对齐方式">段落文本</>

（3）水平线标记：<hr/>

（4）换行标记： <`br/>`

（5）标记嵌套：<p>......<mark>我如果爱你</mark> ......</p>

…我如果爱你 …

（5）<meta/>标记：单标记，可重复出现，用于为搜索引擎提供网页关键字、内容描述等信息。

（7）<link>标记：用于引用外部文件。

（8）<style></style>标记：在HTML中使用style标记时，表示使用嵌入式的CSS样式。

6.图像标记标记

（1）<img src="图像URL"/>:scr属性用于指定图像文件的路径和文件名。

（2)替换文本属性alt：使用不同浏览器，显示效果可能存在一定的差异。

（3）title属性：图像标记<img/>中与alt属性十分类似的属性。

7.相对路径和绝对路径

（1）绝对路径：一般指带有盘符的路径或完整的网络地址（网页中不推荐使用绝对路径，因为很有可能不存在）。

（2）相对路径：不带有盘符，通常是以HTML网页文件为起点，通过层级关系描述目标图像的位置。

相对路径的设置

a.图像和html文件位于同一个文件夹：只需输入图像文件的名称即可，如在这里插入图片描述

b.图像文件位于html文件的下一级文件夹：输入文件夹名和文件名，之间用“/”隔开，如在这里插入图片描述

c.图像文件位于html文件的上一级文件夹：在文件名之前加入“…/“，如果是上两级，则需要使用”…/…/”，如在这里插入图片描述

8.创建超链接

基本语法格式：`<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>`

a. href:用于指定链接目标的url地址

b.target:用于指定链接页面的打开方式，其取值有_self和_blank 两种，其中_self为默认值，原窗口打开，_blank为在新窗口打开。

9.锚点链接：提高信息的检索速度，可以让用户快速定位到目标内容。

10.列表元素

（1)ul元素：无序列表

基本语法格式 :

                             <ul>

                                  <li>列表1</li>

                                   <li>列表2</li>

                                  ......

                             <u1>

（2）ol元素：有序列表

基本语法格式：

                              <ol>

                                  <li>列表1</li>

                                   <li>列表2</li>
               
                                    ......

                               </ol>

（3）dl元素 : 列表前没有任何项目符号。

基本语法如下：<dt>标记术语或名词，<dd>标记解释和描述性的内容会产生一定效果

<dl>

<dt>名词1</dt>

     <dd>名词1解释1</dd>

      <dd>名词1解释2</dd>

       ...
    

 <dt>名词2</dt>

       <dd>名词2解释1</dd>

        <dd>名词2解释2</dd>

         ...

</dl>

11.结构元素

（1）header元素：一种具有引导和导航作用的结构元素。

（2）nav元素：用于定义导航链接。

（3）article元素：经常被用于定义一篇日志、一条新闻或者用户评论等。

（4）footer元素：用于定义一个页面或者区域的底部，它可以包含所有通常放在页面底部的内容。

12.页面交互元素

（1）details元素：用于描述文档或文档某个部分的细节。

summary元素：作为details元素的第一个子元素，用于为details定义标题。

summary元素经常与details元素配合使用。标题是可见的，当用户点击标题时，会显示或隐藏details中的其他内容。

（2）progress元素：用于表示一个任务的完成进度。

常用属性值：a.value：已经完成的工作量

b.max:总共有多少工作量

（3）meter元素：用于表示指定范围内的数值。

13.文本层次语义元素

（1）time元素：用于定义时间或日期。

a.datetime:用于定义相应的时间或日期。

b.pubdate:用于定义time元素中的日期或时间是文档（或article元素）的发布日期。

（2）mark元素：主要功能是在文本高亮显示某些字符，以引起用户注意。

（3）cite元素：引用标记
em 强调 cite 引用 i 斜体

ttttsuki

关注

5
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
宏奕笔记培训（1）

1.html5 概述html5是构建Web内容的一种语言描述方式，适用于描述网页文档，被认为是互联网的核心技术之一。2.html5文档基本格式（1）<!DOCTYPE>文档类型说明：只在开头使用，保证该网页为有效的html文档。（2）根标记：标记着文档的开始和结束。（3）头部标记：一个文档中只含有一对标记，用于封装其他标记。（4）主体标记：一个文档中只含有一对标记，与并列，所有展示给用户看的信息都在内。3.html5 语法（1）标签不区分大小写。（2）允许属性值最好不使用引号。
复制链接

扫一扫