HTML总结

最新推荐文章于 2024-11-04 09:11:09 发布
最新推荐文章于 2024-11-04 09:11:09 发布
阅读量299 收藏
点赞数
分类专栏： HTML 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Sun_Ru/article/details/52940165
版权

 

1．HTML是什么？

超文本标记语言。（Hyper Text Markup Language）

2．HMTL有哪些常用标记？

标记有两种： 双标记  <body>....</body> 

 单标记  <br />

网页文件命名： .html   .htm

一般首页命名为: index.html

 

1) 标题相关：

<h1>....</h1>

<h2>....</h2>

....

<h6> ...</h6>

2) 段落相关：

<p>....</p>

3) 超链接相关：

<a href=””>...</a>

4) 图像相关：

<img src=”” />

5) 文本格式化相关：

<b></b>

<i></i>

<u></u>

<sub></sub>

<sup></sup>

6) HTML表格：

<table>

<tr>

<td></td>

<td></td>

</tr>

</table>

7) 列表

无序列表

<ul>

<li>,,,</li>

</ul>

有序列表

<ol>

<li>,,,</li>

</ol>

8) 表单相关

<form action="success.html" method="post">

用户名：<input type="text" /> <br />

密码：<input type="password" /> <br />

重复密码：<input type="password" /><br />

性别：<input type="radio" name="gender"/>男 <input type="radio" name="gender"/>女 <br />

爱好：<input type="checkbox" />游戏<input type="checkbox" />音乐<input type="checkbox" />运动 <br />

来自：<select>

<option>--请选择--</option>

<option>郑州</option>

<option>信阳</option>

<option>南阳</option>

</select> <br />

个人简介：<textarea rows="" cols=""></textarea> <br />

头像：<input type="file" /><br />

<input type="submit" value=" 注册 " /><input type="reset" value=" 重置 "/>

</form>

 

 

 

 

3．HTML属性

跟在HTML标签后面的键值对即属性（属性名＝属性值）用于修饰HTML标签。

Ø 标准属性

n class

n id

n style

n title

前三个一般结合css和javascript使用。

Ø 特殊属性

n <a href=”” target=””></a>

n <table border=””cellspacing=”0” cellpadding=”0”>...</table>

u <tr height=””>

u <td width=””align=”left|centr|right”>

n <img src=”” />

n <input type=”text|radio|checkbox|password|file|submit|button|reset|hidden”

name=”” value=”” checked=”checked” maxlength=”” readonly=”readonly”

disabled=”true”>

n <textarea cols=”” rows=””></textarea>

n <form action=”” method=”post|get”>

n <link href=”css/style.css” rel=”stylesheet” type=”text/css” />

n <script src=”js/func.js” type=”text/javascript”></script>  此处必须是双标记

4．CSS

1) 什么是css?(层叠样式表)

Cascading Style Sheet

2) CSS用途

如何显示HTML元素，解决内容与表现的分离。

弥补了html属性的不足。

3) 使用方式

Ø <style type=”text/css”>

......

</style>

4) CSS基础语法

CSS语法构成： 选择器， 属性名， 属性值

选择器{属性名：属性值； 属性名：属性值;}

颜色值的表示：颜色名（gray）， 十六进制的RGB三原色（#ff0000）

, rgb(255,0,0)

所有的若干个单词（空格隔开）组成的属性值都加引号 

选择器的分类：

id选择器： #

类选择器： .

标签选择器：

5) CSS高级语法

6) CSS框模型

7) 文本相关CSS

文本颜色： color

文本对齐方式： text-align

文本阴影：text-shadow

行高：line-height

8) 字体相关CSS

字体大小：font-size

字体样式：font-style

字体：font-family

字体粗细：font-weight

9) 背景相关CSS

background-color

background-image

background-repeat

background-position

background: #ccc url(images/ddd.jpg) no-repeat 20px 50px;

10) 列表相关CSS

list-style: none;

11) 超链接相关CSS

text-decoration: none|underline;

12) 表格相关CSS

table-collapse: collapse;  (边框合并)

13) 定位相关CSS

14) 伪类(某个特定事件)

：hover(鼠标悬浮)

 

 

 

 


MarthinMr
关注
专栏目录
php 输出html 总结
chihouzi的博客
06-29 1万+
while($row = $result->fetch_assoc()) { echo "<a href={$row['link']} title=''> {$row['name']}</a></br>"; }
HTML常用标签总结
weixin_64182409的博客
05-07 6127
一些常用的HTML标签的介绍与使用
html重点总结
前端萌新一枚
07-18 6201
关于html的重点总结 块元素、行内元素、行内块状元素 HTML可以将元素分类方式分为行内元素、块状元素和行内块状元素三种 使用display属性能够将三者任意转换 块状元素自动换行 转换方法 (1)display:inline;转换为行内元素 (2)display:block;转换为块状元素 (3)display:inline-block;转换为行内块状元...
HTML——基础知识点总结
热门推荐
m0_61016904的博客
10-30 2万+
HTML总结 一.HTML简介 1.HTML HTML(HyperText Markup Language),超文本标记语言，使用各种标记来表示文档的结构以及标识超链接的信息。 2.HTML文档 HTML文档包含了标签及文本内容，并且 html 文档也叫做 web 页面。 二.HTML基本结构 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> 菜鸟教程（runoob.com
学习html的心得总结
FLV123的博客
04-19 2万+
经过这几天的学习，已经基本掌握制作静态网站的方法。第一节，老师让我们明白什么是html，为什么要学，该如何学习的三个问题给予我们回答。首先，什么是HTML，html是一种超文本语言，html属于前端技术，学好前端技术也有利于我们就业，但是前端技术，是垂直居中设置入门容易，精通难，需要下非常的功夫，才能学好这门技能。那如何学好html，一，学会翻看参考手册，了解有些属性。如（runoob.com）二
HTML与CSS学习总结
weixin_46051260的博客
11-01 1790
HTML与CSS学习总结 一，HTML 大致学习框架是这样，具体内容有相关笔记（因为时间关系，借鉴了一起学习的同学的笔记加了自己的内容） 二，CSS CSS3具体笔记还未完善 三，三个学习阶段的学习成果 四，困难 在刚开始做淘宝页面时，因为学习时间不是很长，对网页布局不是很明确，盒子模型运用起来较为艰难，在此过程中优先级也是一大阻碍。随着慢慢的自己摸索，可以自己构建盒子模型了，但是过程中有很多地方步骤都较为繁琐。在自己做网页过程中，一定要看好网页的大致布局是什么样的，也就是找出它的大盒子，然后再
html实训'总结,html5实习心得体会.docx
weixin_27180827的博客
07-08 4998
文档介绍：html5实****心得体会html5实****心得体会该怎么写呢?下面小编整理了html5实****心得体会,欢迎大家参考学****篇一:html5实****心得体会 21世纪的时期,中国的网络正在实飞猛进,大多的企业都是通过建立网站来进入企业宣传,通过企业网站来打广告,宣传产品、品牌推广,促进销售等方法来实现企业营利的目的。所以,中国的互联网在中国的近几年来,有了非常大的发展空间,如...
HTML基础知识总结
ss810540895的博客
05-05 8853
是告诉浏览器这是html文档的开始。Html文档的最后一个标签是之间的文本是头部信息，在之间的文本是文档标题，会显示在浏览器的窗口的标题栏。设置网页编码的语句为，是在
HTML 知识点总结
01-02
HTML 知识点总结 HTML 知识点总结 HTML 知识点总结 HTML 知识点总结
Html学习的代码及总结.zip
01-01
Html学习的代码及总结Html学习的代码及总结Html学习的代码及总结 Html学习的代码及总结Html学习的代码及总结Html学习的代码及总结 Html学习的代码及总结Html学习的代码及总结Html学习的代码及总结 Html学习的代码及...
HTML学习总结（6）
06-14
HTML学习总结HTML学习总结HTML学习总结HTML学习总结HTML学习总结HTML学习总结HTML学习总结HTML学习总结HTML学习总结
HTML学习内容总结
qq_48681023的博客
07-10 2311
HTML学习总结
HTML 基础标签——元数据标签 ＜meta＞
Allen-
11-01 331
标签通常位于文档的部分。它用于定义文档的元数据，包括字符编码、文档描述、关键字、作者信息等。这些信息可以帮助浏览器正确解析和显示文档，同时还可以提供搜索引擎索引所需的信息。
CSS:基础选择器,文字控制属性(HTML)
最新发布
m0_75035023的博客
11-04 148
CSS:基础选择器,文字控制属性(HTML),javaweb
HTML 标签属性——id、class、style 等全局属性详解
Allen-
11-02 190
HTML全局属性是一组可以应用于几乎所有HTML元素的特殊属性。这些属性提供了额外的功能和信息，使得网页开发者能够更好地控制元素的行为、样式和可访问性。
Html编写发射粒子爱心
m0_58419490的博客
10-31 1258
【代码】Html编写发射粒子爱心。
HTML 基础标签——文本内容标签 ＜ul＞、＜ol＞、＜blockquote＞ 、＜code＞ 等标签的用法详解
Allen-
11-01 541
在 HTML 文档中，文本内容标签用于定义和格式化文本信息。这些标签不仅使文本内容易于阅读和理解，还可以通过不同的格式和结构增强网页的可读性。本文将详细介绍常用的文本内容标签，包括标题标签、段落标签、文本格式化标签、列表标签、引用标签，以及代码和预格式文本标签。
HTML常用标签总结及用法实例
经过一段时间的学习，对于HTML也有了基础的认识。在网页基本结构中，一个HTML网页最基本由网页头...希望通过对HTML常用标签的总结和学习，能够帮助大家更好地理解和应用HTML标签，为日后的网页开发工作打下坚实的基础。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值