HTML自我总结

最新推荐文章于 2022-02-22 21:51:05 发布

ﺭ落花有意

最新推荐文章于 2022-02-22 21:51:05 发布

阅读量660

点赞数 1

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

本文链接：https://blog.csdn.net/f_l_p/article/details/110849125

版权

HTML自我总结前言一.HTML 快速入门1.什么是html2.HTML的特点3.标签的分类前言自我总结笔记一.HTML 快速入门1.什么是htmlHTML是超文本标记语言,使用带标记的语法,让超文本拥有功能2.HTML的特点①以.html或.htm为后缀②由浏览器解析执行③用带有尖括号的"标记"来识别④html中可以执行js脚本3.标签的分类①双标签(封闭类型标记)<关键字>内容区域 </关键字>标记必须成对出现,有开有关,中间位置称为内容区域.

摘要由CSDN通过智能技术生成

前言

自我总结笔记

一.HTML 快速入门

1.什么是html

HTML是超文本标记语言,使用带标记的语法,让超文本拥有功能

2.HTML的特点

①以.html或.htm为后缀
②由浏览器解析执行
③用带有尖括号的"标记"来识别
④html中可以执行js脚本

3.标签的分类

①双标签(封闭类型标记)

<关键字>内容区域 </关键字>
标记必须成对出现,有开有关,中间位置称为内容区域

②单标记(非封闭类型)

<关键字>或者<关键字/>

③嵌套

可以在双标记的内容区域的部分,添加其他标签,形成嵌套关系
作用:1.形成功能的叠加
2.划分结构
写嵌套要注意缩进,目的是提升代码的可读性

④.属性和值

属性和值是用来修饰元素的
语法: 1.属性必须声明在开始标签中
<关键字属性=“值”></关键字> 值习惯上放在双引号中
2.多个属性.使用空格分割
<关键字属性1=“值 1” 属性2=“值 2” …></关键字>

属性的分类

1.标准属性,所有元素都可以使用的属性
id:元素在当前页面中的唯一标识符,结对不能重复
title:鼠标悬停在元素上,显示的文本
class:css中,引用类型选择器
style:css中,声明行内/内联样式
2.专有属性,某个元素生效的属性

⑤注释

注释中的文本,不会被浏览器解析,一般用作代码提示和说明
< !-- 注释内容 -->

二.HTML的文档结构

1.HTML文档的构成

①文档类型的声明

< !DOCTYPE HTML > 当前文档是h5类型

②网页结构

一个页面有且只有一对< html>< /html>在最外层代表页面的开始和结束

<html>
     <head></head>   网页的头部,定义页面的全局信息
     <body><body>    网页的主体,展示的内容
</html>

③head标签

<title>页面名称</title>
<meta charest="utf-8">设置中文编码
<meta name="description" content="">网页描述
<meta name="Keywords" content=""> 关键字设置

④body标签

网页的主体
属性 bgcolor=“pink” 背景颜色
text=“purple” 字体颜色

三.文本标记

1.标题标签

语法:
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
特点:字体加粗,字号有变化,h1最大,h6最小
     单独成行
     上下有垂直距离
属性:align  取值:left默认缺省值/center/right

2.段落标记

<p></p>
特点:独占一行,上下有垂直间距
属性:align 取值:left默认缺省值/center/right

3.换行

html的文本被浏览器解析时,会把回车(不管多少个)当做一个空格来处理
<br>   或者    <br/>

4.分割线

<hr>  或者  <hr/>
特点:单独成行,上下有垂直距离
属性:
size=" " 设置粗细
width="" 设置宽度
color=" " 设置颜色
align=""  设置水平对齐方式,默认缺省值 center

5.预格式化标签

<pre></pre>
保留代码中的所有空格和回车

6.特殊字符(实体)

&nbsp; 空格
&lt; 小于号
&gt; 大于号
&reg; ®
&copy; ©
&times; ×
&yen; ¥

7.文本样式标签

<strong></strong>

最低0.47元/天解锁文章

ﺭ落花有意

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML自我总结

HTML自我总结前言一.HTML 快速入门1.什么是html2.HTML的特点3.标签的分类前言自我总结笔记一.HTML 快速入门1.什么是htmlHTML是超文本标记语言,使用带标记的语法,让超文本拥有功能2.HTML的特点①以.html或.htm为后缀②由浏览器解析执行③用带有尖括号的"标记"来识别④html中可以执行js脚本3.标签的分类①双标签(封闭类型标记)<关键字>内容区域 </关键字>标记必须成对出现,有开有关,中间位置称为内容区域.
复制链接

扫一扫