前端入门，html基础

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

噢，我明白了

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

阅读量155

点赞数 2

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

本文链接：https://blog.csdn.net/qq_38980678/article/details/111319528

版权

html 同时被 2 个专栏收录

9 篇文章 0 订阅

订阅专栏

css

3 篇文章 0 订阅

订阅专栏

HTML基础

1.网页的组成（WEB 标准）

结构表现行为

html css js(DOM ECMAScript)（ECMA标准）
xhtml (W3C标准)

2.HTML

HTML指的是超文本标记语言（Hyper Text Markup Language) www万维网的描述性语言。
XHTML指可扩展超文本标记语言（标识语言）（EXtensible HyperText Markup Language)是一种置标语言，表现方式与超文本语言（HTML)类似，不过语法上更严格。
HTML5指的是HTML的第五次重大修改（第五个版本）

3.文件的命名规范
建立站点（文件）名字

小写英文字母、数字、下划线的组合，
其中不得包含汉字、空格和特殊字符；
必须以英文字母开头。

4.HTML基本结构
快捷方式：!(英文)+TAB

	<!DOCTYPE html>
<!-- 声明文档类型为html -->
<html lang="en">
    <!-- html设置标记语言 -->
<head>
    <!-- 网页的头部-->
<meta charset="utf-8"> 
<!-- 设置编码格式为utf-8 万国码，防止中文乱码 -->
<title>第一堂课</title>
<!-- 设置文件标题 -->
</head>
<body>
    <!-- 网页的身体部分，网页中的所有内容都要写在里面 -->
    
</body>
</html>

5.HTML语法

常规标记(双标记)：
<标记名称属性1名=“属性1值” 属性2名=“属性2值” ………… ></标记名>
空标记（单标记）：<标记名属性1名=“属性1值” />
嵌套：祖父与父与子要TAB缩进
6.文本标题标签
6个（h1~h6)

<h1>一级标题</h1>(唯一性，放网站LOGO)
<h2>二级标题</h2>
...
<h6>六级标题</h6>

7.字体倾斜&加粗标记

文本倾斜：
<i></i>
<em></em>
文本加粗
<b></b>
<strong></strong>

8.下划线

<u></u>

9.换行&水平分割线

<br>
<hr>

10.上标&下标

<sup></sup>
<sub></sub>

11.段落标记

<p></p>

12.字符标签（小段文本）

<span></span>

13. 网页的外层框架

div

标签小结

自动换行标签（块元素）:
标题h1~h6,p,hr,div
1.块元素可以设置宽高
2.上下排列，独占一行，可以自行断行
3.块元素可以嵌套块和内联元素，其中p,h1~h6,dt只能嵌套内联元素

不会自动换行标签（行内元素/内联元素：
em，i，b,strong,u,sub,sup,span，br（特殊的内联元素可以自动换行）
1.设置不了宽高
2.水平排列，一行可以显示多个内容，不会自动换行
3.内联元素只能嵌套内联元素
嵌套规范：自动换行的标签可以嵌套不会自动换行的标签。
14.常用转义字符
& nbsp; 不换行空格
& gt；>右尖括号（大于号）
& lt；<左尖括号（小于号）
& copy；备案中图标版权 ©
15.列表

1.无序列表
<ul>
<li>列表项内容</li>
</ul>
样式： disc circle square 
2.有序列表
<ol>
<li></li>
</ol>
type:规定列表中的列表项目的项目符号类型
1，a，A，i，I
start属性规定有序列表的开始点。(start的属性值必须是数字)
语法：<ol start="5"></ol>
3.自定义列表
<dl>
<dt></dt>
<dd></dd>
</dl>

16.超链接

<a></a>

属性：
href=“url” 路径
target="_blank"/_self;文本打开方式
title=“文本提示”
text-decoration: none;取消下划线
under_line;
拓展：
rel=“nofollow”;
A访问B,B不能回访A
17.图片

<img>

属性：
src=“url”;
alt=“标签实列带有指定替代文本的图像”
title=“文本提示”
width=""
height=""
border=""

图片title和alt区别
alt：
图片不显示或者无法正常显示的时候会显示alt当中的文字，长度小于100个字符alt=""
title：
title属性并不是必须的
title是鼠标移到图片上会在旁边显示的信息

18.浏览器常用快捷键
打开浏览器：alt+b
新建：ctrl+n
复制一整行：alt+shift+上或者下键
移动位置：alt+上下键

噢，我明白了

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端入门，html基础

#(A)HTML基础（第一堂课）###1.网页的组成（WEB 标准）####结构表现行为html css js(DOM ECMAScript)（ECMA标准）xhtml(W3C标准)###2.HTMLHTML指的是超文本标记语言（Hyper Text Markup Language) www万维网的描述性语言。XHTML指可扩展超文本标记语言（标识语言）（EXtensible HyperText Markup Language)是一种置标语言，表现方式与超文本语言（HTML)类似，不
复制链接

扫一扫

专栏目录