关于HTML-02

1、HTML元素:一般由开始标签、结束标签及之间的内容组成(切记双标签要成对出现),但 HTML空元素是由开始标签和结束符组成。如:

<p>内容</p>
<img src="1.jpg"/>

2、元素可以互相嵌套,例如:

<div>
	<p>p元素</p>
</div>

3、HTML对大小写不敏感,HTML 4中推荐使用小写,未来(X) HTML强制使用小写

4、HTML元素可以设置属性,一般属性的描述开始于开始标签中,以键值对的形式出现(属性名称=“属性值”),属性值可以用单引号或者双引号包裹,也是大小写不敏感,但推荐使用小写属性

5、HTML标题

<h1>一级标题,使用6号字体</h1>
<h2>二级标题,使用5号字体</h2>
<h3>三级标题,使用4号字体</h3>
<h4>四级标题,使用3号字体</h4>
<h5>五级标题,使用2号字体</h5>
<h6>六级标题,使用1号字体</h6>

6、HTML水平线及换行

<hr/>
<br/>

7、HTML注释

<!--这是注释语法-->

8、段落:

<p>这是段落标签</p>

9、HTML文本格式化

<b>粗体文本</b>
<em>着重文字</em>
<i>斜体文字</i>
<small>小号字</small>
<strong>定义加重语气</strong>
<sub>下标字</sub>
<sup>上标字</sup>
<ins>插入字</ins>
<del>删除字</del>

10、HTML‘计算机输出’标签

<code>定义计算机代码</code>
<kbd>定义计算机键盘码</kbd>
<samp>定义计算机代码样本</samp>
<var>定义变量</var>
<pre>定义预格式化文本</pre>

11、HTML引文,引用及标签定义

<abbr>定义缩写</abbr>
<address>定义地址</address>
<bdo>定义文字方向</bdo>
<blockquote>定义长的引用</blockquote>
<q>定义短的引用</q>
<cite>定义引用,引证</cite>
<dfn>定义一个定义项目</dfn>

12、HTML超链接

<a href="http://baidu.com" target=“_blank”>超链接</a>
① 未访问的链接是蓝色下划线形式,访问过的链接是紫色下划线形式,点击链接时是红色下划线形式的
② href是链接的地址
③ target是链接打开的地方,_blank是新窗口打开,_self(默认)是当前页面打开,_parent在父窗口打开,_top是当前窗口打开链接,并替换当前的整个窗体
④ download是指定下载链接的filename
⑤ 链接到id:<div id="d1">div</div>     <a href="#d1">链接到id是d1的div</div>
⑥ 如果是链接文件夹,那么一定要在子文件后面添加正斜杠,不然会向服务器产生两次请求,第一次会添加正斜杠到子文件夹后面,第二次就是真的去请求这个地址(例如这样的链接就会有两次请求:  href="https://www.runoob.com/html")

13、HTML头部head:head元素包含了所有的头部标签元素

<html>
    <head>
        <!--base用于定义基本的链接地址或目标,这个标签作为文档中所有标签的默认链接-->
        <base href="基本的链接地址" target="_blank">
        
        <!--title用于定义文档的标题(浏览器工具栏的标题、被添加到收藏夹中的默认名称、显示在搜索引擎页面的标题)-->
        <title>定义文档的标题</title>
        
        <!--可以定义文档打开后显示的图标-->
        <link rel="shortcut icon" href="图片地址">
        
        <!-- link可以链接外部css-->
        <link rel="stylesheet" href="css文件地址">
        
        <!--script可以用于加载外部js脚本文件-->
        <script src="js文件地址"></script>
        
        <!--  meta元素用于定义一些基本的元信息数据(网页的描述、关键词、文件的最后修改时间、作者等),不会显示在浏览器,但是会被浏览器解析-->
        <!--定义关键字-->
        <meta name="keywords" content="html,css,js">
        <!--定义文档描述-->
        <meta name="description" content="html文档">
        <!--定义作者-->
        <meta name="author" content="somebody">
        <!--每三十秒刷新页面--->
        <meta http-equiv="refresh" content="30">
        <!--HTML5中字符编码设置-->
        <meta charset="UTF-8">
        <!-- HTML4.0.1中的字符编码设置-->
        <!--<meta http-equiv="content-type" content="text/html;charset=UTF-8">-->
    </head>
    <body>
        <a href="/aaa1">aaa1,在head中定义了base路径后,点击这个链接,实际打开的链接为:http://www.baidu.com/aaa1</a>
        <a href="/aaa2">aaa2,在head中定义了base路径后,点击这个链接,实际打开的链接为:http://www.baidu.com/aaa2</a>
    </body>
</html>

14、HTML的 CSS: 用于设置HTML元素标签的样式

HTML中设置css的方式:
① 内联方式--在元素上直接使用style属性进行设置元素样式
<div style="width:50px;height:100px;color:#000;">宽度50,高100,字体颜色黑色的div</div>

② 内部样式表--在头部head的style中直接设置元素的样式
<head>
  <style>
    div{
    
    
      width: 50px;
      height: 100px;
      color: #000;
      background-color: #fff;
    }
  </style>
</head>

③ 外部引用--在head中利用link元素来链接外部css样式文件
<head>
  <link rel="stylesheet" type="style/css" href="css文件地址">
</head>

15、在HTML4中原来支持定义HTML元素样式的标签和属性已被弃用

不建议使用的标签有:
<font></font>
<center></center>
<strike></strike>

不建议使用的属性有: color 和 bgcolor

猜你喜欢

转载自blog.csdn.net/qq_37600506/article/details/120587637