第一篇关于HTML的不起眼的小文章

最新推荐文章于 2024-09-14 15:26:51 发布

明代

最新推荐文章于 2024-09-14 15:26:51 发布

阅读量131

点赞数

分类专栏： html 文章标签： html css html5

本文链接：https://blog.csdn.net/kygooooo/article/details/110948108

版权

html 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

关于HTML4-5的总结

一、HTML思维导图

在这里插入图片描述

二、HTML4-5的基本概念及其结构

1.什么是HTML5

（1）HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准；

（2）HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。
（3）网页三剑客：HTML–超文本语言；
CSS—层叠样式法；
Javascript–交互；

2.如何书写一个html

下面展示一张基本图片.

使用Sublime新建文件并用Ctrl+s保存之后
在输入英文感叹号并按下Tab键就会出现以下界面

<!DOCTYPE html>-----文件类型说明
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>----标题
</head>
<body>------内容
	
</body>------内容
</html>

注：HTML文件的后缀都是html.

3.HTML基本结构

      <! DOCTYPE html>规定了HTML的版本HTML5的版本.

（1）<html></html>网页的根标签网页的所有内容，都包含在整个标签内部.
（2）<head></head>网页的头部标签网页的编码方式、标题、资源文件.
（3）<body></body>网页的主体标签浏览器里显示的文字、图片、音频、视频都显示在这里.

4.标签的概念、写法及其分类

1.标签的概念：

HTML是网页的基本结构，而标签是组成网页结构的元素.

2.如何书写标签：

<标签>内容<标签>

3.标签的嵌套:

<标签名1>
<标签2>
内容
</标签2>
</标签名1>
注：每下一层往内部缩进一个tab的键位的距离

3.标签的分类

第一种分类：

（1）单标签:<br/><hr/>,
（2）双标签：<p></p> <h1></h1>

第二种分类

行内标签：不会独占一行，会和行内标签都在一行里面.

块级标签：会独占一行，，没有可以和它在一行里面.

5.标签的属性、注释的使用

1.属性：任何东西都有它对应的属性.

2.html标签的属性：标签的属性是用来描述标签的一些特性的.

单标签：<标签名属性名=“属性值”/>

双标签：<标签名属性名=“属性值1” 属性名=“属性值2”>内容 </标签名>

3.注：HTML里面的注释是为了解释某段代码的含义.

    写法：<!-----注释内容----->
    作用：增加他人对代码理解；配合他人共同开发.

6.常用的标签一、

1.结构标签：

  html  根标签
  head 头标签
  body  主体标签
  title    标题标签
  meta  元标签

2.常用标签：

  b    加粗
  i    斜体
  u    下划线
  s    删除线
h1-h6  标题标签（从小到大）
  p    段落标签
span   行内容器标签   
hr     分割线

7. 常用的标签二.

 注释：有一些属性是开发者已经定义好了的，某一些也是HTML里面规定好了的.

1. id

含义：制定唯一的标识（自定义）
强调：同一个网页里面的ID值不能相同，一个ID只能有一个值，不能存在多个值

style：样式操作 --------规定格式.
title: 提示信息--------自定义

2.img 图片标签

src 指定我们图片的路径
alt 当图片显示不出来的时候提取文字；方便我们搜索图片路径的问题.
绝对路径：固定存放某个服务器端地址上面；或者以某个电脑盘符根目录为开始储存的那个路径.
相对路径：
同级：直接写某个文件的名称；或者./文件名称
向上：…/向上一级 …/向上两级
向下：文件名称1/文件名称2/…/文件名称

3.a 超链接标签

herf：指定跳转地址.
绝对路径：eg.http://www.baidu.com
相对路径：和图片的相对路径原理是一样的.
target：值是一样的
_self：当前tab打开新网页默认
_blank：新的tab打开网页
锚点：`内容

4.ul li 无序列表

注释：ul下一层只能出现li，不能是其他标签.
type属性：指定前面点的样式.
square：方形.
circle：圆形.
disc：实心圆（默认）

5.ol li有序标签

注释：ol下一层只能出现li，不能是其他的标签.
type属性：指定前面序号显示的类型.
1 数字
a 小写字母
A 大写字母
i 小写罗马
I 大写罗马

6.旧标签和转义字符

strong：加粗
em：倾斜
small：变小
转义字符
&nbsp 空格
&lt 左尖括号
&gt 右尖括号
&copy 版权符号
&amp &

8.常用的标签三

表格标签
table 表格
border 属性------边框------值（数字）
width 属性-------宽度------值（数字）
height 属性------高度------值(数字)
cellpadding属性----单元格的内容到单元格边的距离-----值（数字）
cellspeak属性----单元格和单元格之间的距离-----值（数字）
align属性—规定单元格内容水平如何摆–值 letf center right（固定）