1_44_HTML基础知识_1019

by城

于 2019-10-19 16:30:38 发布

阅读量147

点赞数

分类专栏： Python

本文链接：https://blog.youkuaiyun.com/you6165/article/details/102638483

版权

Python 专栏收录该内容

6 篇文章

订阅专栏

1.字体标签

不换行，于修饰字体的样式----行级标签不能自动换行。
里面有三个属性 :
size用来指定文字大小。
color属性用于指定字体的颜色。
face用于指定字体的类型。

2.段落标签

标签有一个属性align，用来指定文本显示时的对齐方式，可取center、left、right三个值。 **注意：标签的属性只能作用于标签里的内容，不能作用嵌套标签里面的内容！**

3.列表

标签的type属性可以定义列表项的标记符。
1. 标签的type属性可以指定有序列表的项目符号的类型，type属性各个取值的含义如表所示: ![在这里插入图片描述](https://img-blog.csdnimg.cn/20191019141228755.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lvdTYxNjU=,size_16,color_FFFFFF,t_70)

4.图像

使用标签在网页中嵌入图像，并设置图像的属性。
src属性指的是引用图像的URL，一般使用相对路径；
alt指的是图像的替代文本；
height指的是图像的高度；
width指的是图像的宽度。

5.表格

标签的常用属性： border：表格的边框的宽度，一般由CSS实现； width：以百分比或像素指定表格的宽度 (浏览器页面的宽度作为基础计算table的宽度)一般用%设置宽高； height：以百分比或像素指定表格的高度； cellspacing：表格中相邻单元格的间距以及单元格外边沿与表格边沿之间的间距； cellpadding：单元格的边沿和它的内容的间距，一般由CSS实现； rowspan：纵向合并+1格； colspan：横向合并。

6.表单

当中有 id 、name
这两个共同属性。

7.CSS

它有color、 font-family两个属性。

8.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
     <title>Title</title>
     <style type="text/css">
       body {
              background-color:green;
              font-size: large;
              color:red;
             font-family:微软雅黑;
             }
        h1{
           background-color:green;
           font-size: large;
           color:bule;
           font-family:微软雅黑;
           font-style:italic;
          }
       h2{
          background-color:green;
          font-size: large;
          color:bule;
          font-family:微软雅黑;
         font-style:italic;
         }
      h3{
         background-color:green;
         font-size: large;
         color:bule;
         font-family:微软雅黑;
         font-style:italic;
         }
      h4{
         background-color:green;
         font-size: large;
         color:bule;
         font-family:微软雅黑;
         font-style:italic;
        }
    </style>
    </head>
</body>
黄鹤楼送孟浩然之广陵
<h1>故人西辞黄鹤楼</h1>
<h2>烟花三月下扬州</h2>
<h3>孤帆远影碧空尽</h3>
<h4>惟见长江天际流</h4>
</html>

9.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
body {
       background-color:greenyellow;
    font-size: 1arge;
    color:green;
    font-family:楷体;
    }
         h1{
     background-color:greenyellow;
     font-size: large;
     color:green;
     font-family:楷体;
     }
   h2{
     background-color:greenyellow;
     font-size: large;
     color:orange;
     font-family:仿宋;
     }
   h3{
     background-color:greenyellow;
     font-size: large;
     color:orange;
     font-family:仿宋;
     }
   </style>
</head>
</body>
<strong>这是正文中的字体</strong>
<h1>这是段落中的文字，会继承正文字体的样式</h1>
<h2>这是超级链接1</h2>
<h3>这是超级链接2</h3>
</html>