前端基础（1）：HTML基础

最新推荐文章于 2022-04-27 10:54:00 发布

抽屉里面放枫叶（Breeze_qi）

最新推荐文章于 2022-04-27 10:54:00 发布

阅读量183

点赞数 1

文章标签： html css web html5

本文链接：https://blog.csdn.net/Quick_only/article/details/108079962

版权

前端知识：

在这里插入图片描述

web前端，移动前端
web标准：结构（HTML）、表现（css）、行为（JavaScript）
组织解析：

在这里插入图片描述

1、w3c（world wide web consortium）万维网联盟
2、ECMA（European computer manufacture association）欧洲电脑厂商联合会
3、WHATWG网页超文本应用技术工作小组

在这里插入图片描述

HTML基本结构和基本语法：

基本结构：

在这里插入图片描述

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body></body>
</html>

HTML的基本用法:
1、常规标记：
<标记属性=“属性值” 属性=“属性值”></标记>
例如：<head></head>
2、空标记：
<标记属性=“属性值” />
例如：

<meta charset="utf-8"/>
           <br/>

HTML常用标记:
1、文本标题（h1-h6）

<h1>一级标题</h1>

2、段落文本（p）

<p>段落文本内容</p>

3、空格：&nbsp；
4、换行： 
5、加粗：
A、加粗内容
B、加粗内容
6、倾斜：

<em></em>,<i></i>

7、上下标：
上标
 下标
8、水平线：
<hr/>空标记
9、列表（ul,ol,dl）
无序列表：

<ul>
    <li></li>
</ul>

有序列表：

<ol>
    <li></li>
</ol>

自定义列表：

<dl>
    <dt>名词</dt>
    <dd>解释</dd>
</dl>

10、插入图片：

<img src="图片地址" alt="图片替换文本" title="图片标题"/>

11、超链接：

<a href="目标文件路径及全称/连接地址" title="提示文本">链接文本/图片</a>
<a href="#"></a>
<a href="#" target="_blank">新页面打开</a>

12、div和span用法：

<div ></div>

没有具体含义，统称为块标签，
用来设置文档区域，是文档布局常用对象

<span> </span>

文本结点标签
可以是某一小段文本，或是某一个字。
13、数据表格的作用及组成
作用：显示数据
表格组成

注：一个tr表示一行;一个td表示一个单元格; th表示列标题（th里面的文字会默认加粗和居中）

*数据表格的相关属性
1）width=“表格的宽度”
2）height=“表格的高度”
3）border=“表格的边框”
4）bgcolor=“表格的背景色” bg=background
5）bordercolor=“表格的边框颜色”(ie支持不好)
6）cellspacing=“单元格与单元格之间的间距”
7）cellpadding=“单元格与内容之间的空隙”
8）对齐方式：align=“left/center/right”;
9）垂直对齐方式：valign=“top/middle/bottom”;
10)合并单元格属性：
colspan=“所要合并的单元格的列数"合并列;
rowspan=“所要合并单元格的行数”合并行 ;

抽屉里面放枫叶（Breeze_qi）

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
前端基础（1）：HTML基础

**前端知识：web前端，移动前端**web标准：**结构（HTML）、表现（css）、行为（JavaScript）组织解析：1、w3c（world wide web consortium）万维网联盟2、ECMA（European computer manufacture association）欧洲电脑厂商联合会3、WHATWG网页超文本应用技术工作小组HTML基本结构和基本语法：基本结构：<!doctype html><html> <head&
复制链接

扫一扫