当前位置: 首页 > news >正文

html一周小结

1.浏览器:

  网页构成:title 主题,题目

                    url  是网址

                    body 是网站内容

 body 内容靠代码实现

 html语言又称为超文本标记语言

2.网页基本骨架:

 <!doctype html>                 (文档类型申明,H5特有)

<html>                  (网页标签)                     

  <head>               (头部标签)

    <meta charset="UTF-8">     (国内编码,如果汉字出现乱码,是因为文字编码不同导致)

    <title></title>           (标题标签)

  </head>

  <body>               (主体标签)

  </body>

</html>

3.标签

 结构:<+ 标签名+>

标签分为双标签和单标签

      双标签 又分为  开始标签  和   结束标签,  两个标签之间的是内容。

     双标签:html   、title   、head   、body    、

      h1~h6  ( 标签标签 )、p( 段落标签 )、a  (超链接标签)、

     b (加粗标签)   strong被H5 舍弃了、 i (倾斜标签)、u(下划线)、

        sup(上标标签)、sub(下表标签)、em(小图标)、

      div(盒子标签)、 span(内敛标签)、table(表格)等

 单标签:<img/> (图片) 、<hr/>(分割线)、<br/>(换行)、<meta/>(网页元信息)

<a>:

超链接

<a href=””>百度一下</a>

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

另一个是target跳转页面打开的方式  _blank  _self(默认的)

 html特有的注释:     <!--被注释的内容-->

4.img

   图片  资源  本地资源网络资源

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

     Src 属性是图片的路径

 

  Width  height  单位是px

 

 

5.起名方式

(1)标签名

(2)id  起名,但使用时要加   #

(3)class  起名,但使用时要加    .

        起名的目的是为了给她添加样式   , style  是   给他添加样式的属性,但是他要写到  head 标签  之间。

         属性: 代表事物的一些特征。比如  :   width height color background 等

书写规范   {}  是  shift+[   打出来  {}

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

6.表格

格式:

<table>

  <tr>(行)

    <td>(单元格)

    </td>

  </tr>

</table>

 

Border 是决定边框粗细的属性  cellspacing 是单元格空间的属性  cellpadding 是单元格内部的边距的属性。

Img插入table中出现留白,就使用    vertical-align:middle;    解决

 

colspan  水平合并单元格的个数

 

rowspan  垂直合并单元格的个数

 

Table里套table,记得用id 另外设置格式,防止出现错误!

 

转载于:https://www.cnblogs.com/Shinigami/p/9614996.html

相关文章:

  • 4位先行进位电路 logisim_数字集成电路的自动化设计作业—1
  • CodeForces149D dfs实现区间dp
  • 内容可编辑_新标准化煤矿安全生产理念内容(最全)
  • python之基础知识-字符串和编码
  • c++ 与windows服务的通讯_Windows操作系统之不带引号的服务路径提权
  • 10.Spring——框架的AOP
  • 为什么自动关闭_为什么老司机一上车就关掉这个功能?
  • ubuntu安装logisim_Ubuntu server 16.04安装网卡驱动方法
  • 二、C到C++的升级
  • 腐蚀rust研究台抽奖_福世蓝无化学品循环水处理系统 --- 用来控制污垢和腐蚀
  • bat配置JDK环境变量
  • ppt如何旋转流程图_稳准狠!这四款PPT插件的炫酷技能我先抱走了
  • 正确停止线程的方式三 使用Thread类中的内置的中断标记位-----------不熟悉
  • python numpy常用操作_Python numpy的基本操作你一般人都不会
  • option标签中selected属性
  • 2019.2.20 c++ 知识梳理
  • Angular2开发踩坑系列-生产环境编译
  • CentOS6 编译安装 redis-3.2.3
  • ES6语法详解(一)
  • ESLint简单操作
  • mysql 数据库四种事务隔离级别
  • Netty源码解析1-Buffer
  • node和express搭建代理服务器(源码)
  • PHP CLI应用的调试原理
  • Spark RDD学习: aggregate函数
  • Twitter赢在开放,三年创造奇迹
  • V4L2视频输入框架概述
  • 从重复到重用
  • 大快搜索数据爬虫技术实例安装教学篇
  • 前端面试之CSS3新特性
  • 数组的操作
  • 微信小程序开发问题汇总
  • 微信小程序上拉加载:onReachBottom详解+设置触发距离
  • 学习笔记TF060:图像语音结合,看图说话
  • 关于Android全面屏虚拟导航栏的适配总结
  • 好程序员web前端教程分享CSS不同元素margin的计算 ...
  • 交换综合实验一
  • #预处理和函数的对比以及条件编译
  • $ git push -u origin master 推送到远程库出错
  • (echarts)echarts使用时重新加载数据之前的数据存留在图上的问题
  • (补)B+树一些思想
  • (顶刊)一个基于分类代理模型的超多目标优化算法
  • (附源码)流浪动物保护平台的设计与实现 毕业设计 161154
  • (三)mysql_MYSQL(三)
  • (转)3D模板阴影原理
  • (转载)微软数据挖掘算法:Microsoft 时序算法(5)
  • .NET Compact Framework 多线程环境下的UI异步刷新
  • .net程序集学习心得
  • .NET大文件上传知识整理
  • .NET委托:一个关于C#的睡前故事
  • .NET下的多线程编程—1-线程机制概述
  • .one4-V-XXXXXXXX勒索病毒数据怎么处理|数据解密恢复
  • @AliasFor注解
  • @column注解_MyBatis注解开发 -MyBatis(15)
  • [ C++ ] STL priority_queue(优先级队列)使用及其底层模拟实现,容器适配器,deque(双端队列)原理了解