网页入门

最新推荐文章于 2023-06-15 23:52:16 发布

Will

最新推荐文章于 2023-06-15 23:52:16 发布

阅读量490

点赞数

文章标签： html

本文链接：https://blog.csdn.net/u012777971/article/details/105605817

版权

这篇博客是HTML、CSS和JavaScript的基础教程。HTML部分涵盖了从基本标签到表单和转义字符的详细内容，包括字体标签、段落、表格、表单元素和HTML实体。CSS部分介绍了样式加载方式、选择器、浮动、定位和CSS优先级。JavaScript部分涉及变量、数组、对象、数据类型、运算符和DOM操作，还讨论了如何设置和操作表单元素。

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

HTML简介

HTML即hyper text markup language， 超文本标记语言。

html官方文档

文件结构结构：

常用标签

字体标签

用途：规定文本字体、字体颜色、字体尺寸。HTML4不推荐使用，HTML5不支持。

段落标签

用途：定义一个段落，段落内依据所在容器的宽度自动换行，浏览器会自动在段落前后添加空行。<p>和<br>的区别。

注释标签

用途：编写程序时，给代码的解释或提示，提升代码的可读性。注释不会在浏览器中显示。

标题标签

用途：定义标题级别，最多六个级别。

img标签

用途：在浏览器中显示照片。

a标签

用途：使用超级链接与网络上另一个文档相连。a标签中不添加链接属性时等同于一个文本容器。

href可以链接锚点、id号或者其他网页。

锚点标签

<a name="maodian_name">XXXX</a>

用途：文档中创建指向该点的链接。

无序列表

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

用途：使用粗体圆点标记的一列项目。

有序列表

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

用途：使用数字标记的一列项目。

表格

用途：用于表格制作。table、tr、td

合并行列：colspan、rowspan，用于将表格内的某些行、列进行合并。

其他表格属性

表单

用途：用于收集用户信息，进行人机交互操作。

包含元素：文本框、单选按钮、列表框、图片框、复选框等，统称控件。

常用属性：

其他控件：普通列表框、隐藏域、上传控件、多行文本框。

多行文本框：适用于论坛的发帖等，设置rows="5" cols="100"等，超过5行，就会出现滚动条 <textarea rows='' cols='' name='' id=''>请输入</textarea>

上传文件及上传文件按钮：<input type='file'><input type='button' value='上传'>

隐藏文本框：<input type='hidden' name='' id=''>

HTML Entities (转义字符)

Reserved characters in HTML must be replaced with character entities.

Characters that are not present on your keyboard can also be replaced by entities.

To display a less than sign (<) we must write: < or <

Advantage of using an entity name: An entity name is easy to remember.
Disadvantage of using an entity name: Browsers may not support all entity names, but the support for numbers is good.

转义字符大小写敏感且字符之间不能有空格。

常用的转义字符

Result	Description	Entity Name	Entity Number
	non-breaking space
<	less than	<	<
>	greater than	>	>
&	ampersand	&	&
"	double quotation mark	"	"
'	single quotation mark (apostrophe)	'	'
¢	cent	¢	¢
£	pound	£	£
¥	yen	¥	¥
€	euro	€	€
©	copyright	©	©
®	registered trademark	®	®