刚入大学的我们对程序的向往–HTML的初识

1、对HTML的认识,是在大学,我是学软件技术专业的,在学校学习的知识杂而不精,不知道哪些是重点那些是生活中常常用到的,我清楚的记得那时候学习的是table布局,使用Adobe Dreamweaver CC来布局,说白了就是画出来,然后得到自己想要的效果,都不需要看懂代码,只需要像word文档操作一样,达到效果,对现在的我来说:实在是太

了。

2、什么是HTML ?

  • HTML超文本标记语言,是最基础的网页语言,代码都是由标签组成。
  • 语言格式

 <html>

<head>

存放属性信息,辅助文件信息 引用外部文件(重要)

</head>

<body>

存放数据文件

</body>

</html>

  • 多数的标签都是开始标签和结束标签,其中有个别标签因为只有单一的功能,或者没有要修饰的内容可以在标签内结束。
  • 想要对标签修饰的内容进行丰富的操作,就要用到标签中的属性,通过属性值的改变,增加了更多的选择。
  • 属性与属性之间用等号“=”链接,属性值可以用双引号或不用引号,一般都会用双引号。
  • 有的公司有自己的书写规范。

3、HTML基本属性

  • target: 目标窗口属性定义(以怎样的方式在哪里打开链接)
  • _blank:在新窗口打开
  • _self:默认,在相同的框架之中打开。
  • _parrent:在父框架中打开。
  • _top:在整个窗口打开。
  • 没有框架时,后面三种方式,打开方式一样。

4、type的取值:

  • text:文本框。
  • password:密码框
  • radio:单选框
  • checkbook:复选框
  • select:下拉列表
  • submit:提交按钮
  • reset:重置按钮
  • textarea:多文本框
  • size:定义文本框的长度,虽然可以不限输入,但是只会显示规定的长度
  • maxlength:规定总输入长度
  • name:定义名字
  • value:定义值
  • checkbook:定义默认选项(主要是单选框和复选框,默认显示)

5、表格属性:

  • background_image:定义背景图像
  • background_repeat:定义图像平铺模式,可取如下值
    • repeat-x:水平
    • repeat-y:垂直
    • no-repeat:背景图仅显示一次
  • background-color:颜色
  • background-positison:位置
  • background-size:大小

6、表格属性

  • margin-top:对象的上边距
  • margin-bottom:对象下边距
  • margin-left:对象的左边
  • margin-right:对象的右边
  • border-style:边框类型
    • dotted:圆点
    • solid:实心线
    • double:双线
    • dashed:粗点的圆点
  • border-width:
    • thin:细线
    • medium:中等
    • thick:粗

比如:<Table></Table>

姓名年龄
彭彭25

2 thoughts on “刚入大学的我们对程序的向往–HTML的初识

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *