程序猿学习第一天，HTML基础

最新推荐文章于 2024-07-09 16:09:10 发布

wu_zida

最新推荐文章于 2024-07-09 16:09:10 发布

阅读量262

点赞数

分类专栏： html

本文链接：https://blog.youkuaiyun.com/wu_zida/article/details/72471799

版权

html 专栏收录该内容

9 篇文章

订阅专栏

HTML基础

简介：HTML=hyper text makeup language=超文本标记语言

一、html基本语法
1 html中有且仅有一个根标签<html></html>
2 标签都是成对出现的,有开始标签和结束标签，如开始标签<html>结束标签</html>;
如果开始标签和结束之间没有任何内容的话可以写成自闭标签如 <hr/>
<img src=""/>等
3 标签和标签之间可以嵌套标签,嵌套不能混乱要么嵌套
<body></body>
要么并列
<head></head>
<body></body>
不能混乱。

二、标签功能
1.<h1>内容</h1>定义标题，可将内容定义为预设好的标题格式，一般默认一共有h1~h6六个预设标题格

式。

2.内容定义段落，内容将被定义为一个段落。

3.内容对内容文字进行加粗处理。

4.内容内容文字斜体。

5.<a>内容</a>为内容赋予超链接功能。

6. 自闭标签，用户换行;<hr/>自闭标签，用于显示一条水平分割线;<img src=""/>自闭标签，用于

显示一张图片。

三、标签属性：每一个标签可以有若干个属性。
一个标签可能有多个属性,各个属性值中间用空格隔开。
1.<img src="要显示的图片路径绝对路径(直接从盘符开始)
相对路径相对于当前html所在的路径" title="鼠标悬停提示文字" alt="图片显示不出来时候的替换

文字" width="图片宽度" height="图片高度" />width和height建议只给一个,这样另外一个的值会进行

等比例的缩放。

2.<a href="跳转到的地址" target="_self/_blank">要点击的内容</a>
_self 在当前页面打开网页
_blank 在新的页面打开网页
超链接的类型：根据应用场合，可以分为3类
页面间链接：A页到B页，最常用，多用于网站导航
锚链接：用于定位到某个页面的某个特定的位置
功能性链接：点击后不是跳转页面，而是启动本机自带的某程序

四、注释和特殊符号

注释和特殊符号注释是给程序员看的，注释内容不会显示在网页当中; 快捷键 ctrl +

/
空格  如果代码中直接空格输入空格，浏览器最多只会识别并显示连续空格当中的一个，所以

需要特殊符号来代替。
大于号 >因为在代码中大于号小于号就是代码标签常用的尖括号“<>”所有为了避免一些问题，这

种符号用特殊符号来代替。
小于号 <
双引号 &;quot，同上
版权符号 © 反正我是不知道怎么能不用用特殊符号把这玩意输出来。