随笔1、HTML基础

随笔1

1.1、什么是网页

我们打开浏览器访问的一切,都由网页构成,简单的说,网页就是html

1.2、HTML概念

1.2.1:超文本标记语言(Htper Text Markup Language),标准通用标记语言下的一个应用。HTML 不是一种编程语言,而是一种标记语言 (markup language),是网页制作所必备的。

1.3、主体结构

文档声明头<!DOCTYPE html> --> html5文档声明头,告诉浏览器当前的网页语法为html5
网页标签:<html></html> -->网页的所有内容都是在这组标签中
网页头部标签:<head></head>
----> 网页的预定义信息都写在这组标签中
----> <meta charset="uft-8"> :给网页设置字符集编码
----> <title>网页标题</title> :网页标题
网页内容标签<body></body> -->展示给用户看的内容都希望在body标签中

1.4、常用标签
1.4.1、功能型标签
  • 列表:

有序列表:<ol><li></li></ol>

  1. 数字排序:1
  2. 字母排序:a/A
  3. 罗马字母排序:i/I

无序列表:<ul><li></li></ul>

  1. 实心圆:disc
  2. 空心圆:circle
  3. 实心方块:square
  • 图片<img src="">
  1. src属性
  2. 绝对路径:完整地址
  3. 相对路径:相对于当前需要图片的html文件位置来讲
  4. width/height属性:图片宽高,只设置一个为等比例 缩放
  5. alt属性
  • 超链接<a href=""></a>
  1. href:链接地址
  2. title属性
  • div标签和span标签
  1. div:主要用来网页切割,方便进行网页开发
  2. span通常用来存放普通的文本内容
  • 表格
  1. table标签基础属性
    border:边框
    width/height:宽高
  2. 行:<tr></tr>
  3. 单元格<td></td>
    基本属性:
    alige:left/right/center 文字对齐方式
    colspan:规定单元格可横跨的列数
    rowspan:规定单元格可横跨的行数
  4. 表格中标题:<th></th>
  5. 单元格与单元格间距:cellspacing
  6. 单元格与内容间距 :cellpadding
1.4.2、辅助型标签
  1. 标题标签:h1-h6
  2. 段落标签:p
  3. 水平线:hr [单标签]
  4. 删除线:del
  5. 倾斜强调:em
  6. 加粗强调:srtong
  7. 斜体文本:i
  8. 预格式文本:pre:
  9. 换行:br [单标签]

猜你喜欢

转载自blog.csdn.net/BookstoreSpirit/article/details/100096838