zoukankan      html  css  js  c++  java
  • HTML

    ________________________________________________________________________________________________________________________________________________________________________________________________________________

    web前端..H5全栈

    涉及方面:网站、app、小程序、公众号。

    写页面,浏览器是页面的环境。页面的拓展名:html. 图片的拓展名;jpg/png/gif.应用程序的拓展名:EXE。 记事本tet.

    img 属性=“属性值”

    一、网页的构成。

    1.title(标题)2.URL(网址)3.body(内容)

    二、文件介绍。

    1.body的内容考代码来实现。快捷键ctrl+S保存、Ctrl+C复制、Ctrl+V粘贴、Ctrl+A全选

    2.HTML(超文本编辑语言)

    3.标签名的结构:1.标签名   2.<+.标签名+.> 结束标签 {(1)标签 (2)开始标签 (3)结束标签

    段落:<p>+内容</P>

    以后是汉字会出现乱码,因为文字编码不一样,国内的编码是UTF-8

    4.标签分为单(空)标签和双标签、双标签:开始标签+内容+结束标签

    5.!DOCTYPE---H5特有的文档类型声明

    <html></html>----网页标签。   <head></head>------头部标签      <title></title>网页标题标签    <body></body>主体标签

    1.标题标签有六个:H1~H6

    2.图片标签:图片  资源  本地资源   网络资源   

    目录:当前目录:(./)和上一级目录(../)

    <img src="">img是标签名/src属性是图片的路径/""是属性值

    width (宽度)height(高度)单位PX

    3.<a href="------"></a>  a:超链接  

    4.a 两个属性  一个是href 值是需要跳转的页面地址

          另一个是target跳转页面打开的方式——blank(空白) -----/href -默认的/

     6. 一种起名方式 ID=”+名字+“ 只要使用ID起的名字前面必须加# #名字

          另一种起名方式class=" +名字+”只要使用class起名字前面必须加.

    7.双标签:html/title/head/body/h1~h6/p/a/b(加粗)/i(倾斜标签) sup(上标)sub (下标)em(小图标)div(盒子标签)span----内敛标签/style(样式标签)<u></u>下滑线

    8.单标签:img/<hr/>(分割线)/<br/>(换行)/<meta/>网页无信息/HTML特有的注释:<!..+北注释的内容..>

    9.起名的目的就是为了给他添加样式 style 其实也是属性         

    10.属性:代表事物的一些特征,比如width/height/color(颜色)/background(背景)等

    11.样式的书写规范{}是shift+[]

                   起名规范 不能用汉字起 第一个字母不能是特殊字符 第一个字母必须是英文字母

    12.表格table

    <table border="1" cellpacking="0" cellpadding="0">

    (1)border是决定边框粗细的属性   cell packing是决定单元格空间的属性    cell padding是决定单元格内部的边距的属性

           img插入table中出现余白用vertical--align:middle;

          colspan 水平合并单元格的个数

          rowspan垂直合并单元格的个数

     _______________________________________________________________________________________________________________________________________________________________________________________________________________

  • 相关阅读:
    2021年搭建Java环境最快办法
    teprunner测试平台Django引入pytest完整源码
    teprunner测试平台用例前置模块开发
    JMeter扩展Java请求实现WebRTC本地音视频推流压测脚本
    teprunner测试平台部署到Linux系统Docker
    学习版pytest内核测试平台开发万字长文入门篇
    JUC---02
    JUC——01
    【小白学PyTorch】11 MobileNet详解及PyTorch实现
    【小白学PyTorch】10 pytorch常见运算详解
  • 原文地址:https://www.cnblogs.com/mo123/p/9614920.html
Copyright © 2011-2022 走看看