htmlcss基础知识点有哪些-成都快上网建站

htmlcss基础知识点有哪些

今天小编给大家分享一下html css基础知识点有哪些的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。

龙潭网站建设公司创新互联公司,龙潭网站设计制作,有大型网站制作公司丰富经验。已为龙潭1000多家提供企业网站建设服务。企业网站搭建\外贸营销网站建设要多少钱,请找那个售后服务好的龙潭做网站的公司定做!

HTML

网页构成

摘要 说明
结构(HTML) HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。
表现(CSS) CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
行为(JavaScript / jQuery) JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有购物网站中图片的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的

HTML文件结构

  • 为HTML页面中的根标签,所有的HTML网页中的标签都在中。

  • 这里标签用于定义文档的头部,它是所有头部元素的容器。头部元素有、<script><style>、<link>、 <meta>等标签。</p></li><li><p>在<body>和</body>标签之间的内容是网页的主要内容,如<h2>、<p>、<a>、<img>等网页内容标签,在这里的标签中的内容会在浏览器中显示出来。</p></li></ul><p>标签语法</p><ul data-mark="-"><li><p>标签由英文尖括号 < 和 > 括起来,如:<html></p></li><li><p>html中的标签一般都是成对出现的,分开始标签和结束标签。结束标签比开始标签多一个 / ,<title>..;还有一些是自结束标签,如:

  • 标签与标签之间是可以嵌套的,但先后顺序必须保持一致,如:

    里嵌套

    ,那么

    必须放在
    的前面。如: 

    ..

  • 注释是不可以嵌套的,如: -->

  • HTML标签不区分大小写,

    是一样的,但万维网联盟(W3C)建议小写。

常用标签

...

...

标题

换行

分割线

...

段落
行内
图片
超链接
    ...
无序列表
    ...
有序列表
  • ...
  • 列表项
    ...
    表格
    一行
    ... 一列
    ... 列标题
    ...
    表单
    输入框
    下拉列表
    下拉选项

    属性

    align="left"                   【align="center",align="right"  左中右】

    style="background-color: red"           【样式】

    【宽高只设置一项即可,另一项会自适应】

        【" target="_blank"在新窗口打开,默认原窗口打开】

    列表


      

  • ...

  •   
  • ...

  • 在ul标签中添加属性 type="" circle 空心圆,disc 实心圆 (默认),square 实心方块
    在ol标签中添加属性 type="1/a/A/i/I"

    表格


              【行】
          【标题列】
      
      
          【列】
      

    table标签中可以声明的属性
      border=""    表格的边框
      width=""      表格的宽度
      height=""     高度
      align=""       表格的对其方式
      bgcolor=""   背景颜色
    td标签内定义对齐方式的属性
      align=""       设置当前单元格水平对齐
      valign=""     设置当前单元格垂直对齐
      bgcolor=""     设置背景颜色
    合并单元格
         rowspan="    合并单元格的个数      合并行
      colspan="   合并单元格的个数    合并列

     表单


        中国
      

     

     

    • get:是将所有的提交的数据显示在地址栏,长度会有一些限制

    • post:将要提交的数据放在请求体中,在url表单里面没有任何数据

     提交时以key:value形式,其中文本框、密码框的key为name 值为提交数据

                 其中单选框、复选框、隐藏域、提交按钮key为name 值为value

       下拉列表name在select标签value在option标签提交时同上key为name值为value

     常规属性

    id:  标签的唯一编号,识别码

    class :   标签的分类,用来识别一组标签。

    style:  标签的风格、样式

    p,form,ol,ul,li,dl,dt,dd,h4{margin:0;padding:0;list-style:none} 样式清除

    事件属性

    • onblur:          失去焦点

    • onclick:              鼠标点击

    • onbdclick:          双击

    • onmouseover:   鼠标移动到元素上

    CSS

    CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML元素(或内容)在浏览器内的显示样式

    语法

    CSS样式由选择符(选择器)和声明组成,而声明又由属性和值组成

    html css基础知识点有哪些

    语法说明

    • 属性 (property) 是你希望改变的属性,并且每个属性都有一个值。属性和值被冒号分开,并由花括号包围,这样就组成了一个完整的样式声明(declaration)

    • 多个声明:如果要定义不止一个声明,则需要用英文分号”;”将每个声明分开。虽然最后一条声明的最后可以不加分号,但尽量在每条声明的末尾都加上分号

    • 每行最好只描述一个属性

    • CSS对大小写不敏感,但建议使用小写。不过存在一个例外:class 和 id 名称对大小写是敏感的。

    • CSS注释:/* 注释内容 */

    编写位置

    方式一:写在标签的style属性中

    字体大小用px表示

    方式二:写在html头的style标签中(style标签一般写在head标签与title标签之间)

    
        p{
            background-color: yellow;
        }
    

    方式三:写在外部的css文件中,然后通过link标签引入外部的css文件

    优先级按照上述讲的三种方式依次降低

    选择器

    标签选择器:标签名        

    id选择器:#id(名)         

    类选择器:.class(名)           

    组选择器:选择器1,…      【同时使用多个选择器选中一组元素,使用,分隔】

    派生选择器:选择器1 选择器2 …  【根据上下文关系,选择元素的后代元素,使用空格隔开】

    常用样式

    颜色:color:red;或  #00F6DE

    宽度:width:20px; 或  %20

    高度:height:20px;  或  %20

    背景颜色:background-color: #00F6DE

    字体大小:font-size:20px;

    文本居中:text-align:center;

    div居中:margin-left:auto;  margin-right:auto;

    1px实线边框:border:1px solid;

     列表去修饰:ul{list-style:none;}

    以上就是“html css基础知识点有哪些”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注创新互联行业资讯频道。


    文章名称:htmlcss基础知识点有哪些
    转载来于:http://kswjz.com/article/ispohp.html
    扫二维码与项目经理沟通

    我们在微信上24小时期待你的声音

    解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流