狼人_4e19
狼人_4e19

Web前台页面设计应用基础-html

Web前台

*与用户进行交互，呈现视觉效果，收集用户信息
*B/S结构：浏览器（Chrome，Firefox），服务器

web前台：html,css,javascript

HTML

-提供内容
-通过标签/标记来设置页面上的内容
-语法格式
单标签：由一个标签组成。例如


双标签：由“开始标签”和“结束标签”两部分构成。例如


-把标签按功能分类
1.文档标签
2.图像标签
3.表单标签
4.超链接标签

CSS

JavaScript

HTML应用

注释的使用
例：快捷键：Ctrl+/

语法

格式标记

语法不分大小写

换行；

换段落标记；

让标记居中；
  • 列表项目标签每个列表使用一个
  • 标签；
    声明无序号列表；

    加一条水平分割线；
    分区显示标记，相当于盒子可以嵌套使用；
      声明有序号列表；
       空格；
      ©版权号；
      ®注册商标；

      文档标记

      字体大小；
      字体变粗；
      斜体；
      文字下标字体标记；
      文字上标字体标记；
      语义标签表示强调字体变粗；

      超链接标记

      格式链接文字或者图片
      例：化学;
      target属性：定义超链接的打开方式
      target+值（_seif,black,_parent,_top）
      值：
      1.默认值，在当前窗口中打开链接；
      2.在一个新窗口中打开链接；
      3.在父窗口中打开页面（框架中使用较多）
      4.在顶层窗口中打开文件（框架中使用较多）；
      name锚点的含义是所谓的回到顶点的形式

      图像标记

      格式：属性值
      alt:当网页上的图片被加载完成后，鼠标移动到上面去，会显示这个图片指定的属性文字。
      如果图像没有下载或者加载失败，会用文字来代替图像显示。
      搜索引擎可以通过这个属性的文字来抓取图片。

      注意：为单标记，不需要用闭合。

      在加载图像文件的时候，文件的路径或者文件名文件格式错误，将无法加载图片。

      表单标记

      form；;botton;