HTML

1HTML的基本结构

1.W3C标准
1结构语言  HTML、XML
2表现语言CSS
3行为语言 DOM|、ECMAscript，js
2结构
1.<!-- DOCTYPE: 告诉游览器用什么规范-->
<!DOCTYPE html>
<html lang="en">
2.<--head头部-->
<head>
3.<!-- meta 描述标签，描述网站上的信息 -->
<!-- meta 一般用来做SEO -->
    <meta charset="UTF-8">  用的中文字库
    <meta name="keywords"content="西部开业">

4.<!-- Title网页标题-->
    <title>标题</title>
</head>
5.<--主体body-->
<body>
  hellow
  <a name="hello"></a>
</body>
</html>
标签定义表格的表头。该标签用于组合 HTML 表格的表头内容。

thead 元素应该与 tbody 和 tfoot 元素结合起来使用。

tbody 元素用于对 HTML 表格中的主体内容进行分组，而 tfoot 元素用于对 HTML 表格中的表注（页脚）内容进行分组。

注释： 内部必须拥有 标签！

、 以及 很少被使用，这是因为糟糕的浏览器支持。我们期望在 XHTML 的未来版本中这种情况会发生变化。假如您使用 Internet Explorer 5.0 或更新的浏览器，可以在我们的 XML 教程中查看一个[例子](https://www.w3school.com.cn/tiy/t.asp?f=xmle_cd_catalog_island_thead)。
3.注释

2网页的基本标签

1标题标签
<!-- 标题标签-->
<h1>一级</h1>
<h2>二级</h2>
<h3>三级</h3>
<h4>四级</h4>
2段落标签
<!--段落标签p-->

<p>牛蛙牛蛙</p>
<p>666666</p>
<p>就挺好</p>
3.水平线标签
<!--水平线标签-->
<hr/>
4.换行标签
<!--换行标签-->
<br/>
5.粗体,斜体
<!--粗体，斜体-->
粗体：<strong>i love you </strong>

斜体：<em>i love you</em>
6.特殊符号都带有
& ;
1空格 ：
空格 ：
空&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格
2大于号
&gt;大于号
3小于号
&lt;小于号

4版权号

&copy;版权符号

5注册商表

&reg;

6引号

&quot;

3图像标签img

src :图片地址 alt 失败会返回的东西

​ 相对路径(推荐：绝对路径
​ ../ ---上一级目录

alt 属性是一个必需的属性,它规定在图像无法显示时的替代文本。 假设由于下列原因用户无法查看图像,alt 属性可以为图像提供替代的信息:

<img src="../resources/image/1.jpg" alt="图片" title="悬停文字" width="300" height="300"><a href="4lianjiebiaoqian.html#top">跳到4</a>

4超链接

  • --a标签
    href ； 表示要跳转到那个页面
    target；表示窗口在哪里打开
    -blank在新页面打开
    -self在自己网页打开
1锚链接
2.功能性链接

邮箱.qq

5行内元素和块元素

块标签：独自占领一行、可以进行宽高的数值的设定；
行标签：在一行内显示、不可以进行宽高的数值设定；
行内块标签：能和其他元素待在一行，能设置宽高；

HTML标签分类
行内标签：包含a、span、em、strong、b、i、u、label、br、hr；
特点：可以多个标签存在一行，不能直接设置行内标签的高度、宽度、行高以及顶和底边距，完全靠内容撑开宽高！
a标签：主要用来链接一个其他的网页；
span标签：主要用来对行内的文字进行一些样式以及其他的操作；
em标签：一般用来对文字进行强调，使用斜体体现出来；
strong标签：一般用来对文字进行强调，使用加粗字体体现出来；
img标签：图片引用标签，其中 src属性中写入图片的地址；
var标签：JavaScript中命名变量的标签。

块标签：包含p、div、ul、ol、li、dl、dt、dd、h1~h6、form；
特点：独占一行，对高度、宽度、行高以及顶和底边距都可设置的属性值生效；如果不给宽度，块级元素就默认为浏览器的宽度，即就是100%宽；
p标签：段落标签，段落文字使用，默认格式：段尾进行换行；
div标签：划分块的主要使用标签；
ul标签：无序列表的主标签，后面的标号为圆点（黑色）；
ol标签：有序列表的主标签，后面一般跟有序的1,2,3,4,5…；
li标签：列表中的主体使用标签
dl标签：自定义标签的主标签；
dt标签：自定义标签的表头；
dd标签：自定义标签的表头的解释（描述）信息；
h1~h6：6级标题标签、字体的大小依次变小。

nav

posted @ 2021-11-13 13:42  就叫树莓吧。  阅读(59)  评论(0)    收藏  举报