【笔记】HTML学习笔记(1)

qqqq9600  (UID: 13) 活跃 4月前 [复制链接]
帖子链接已复制到剪贴板

1012 0

网络基础学习,从简单内容掌握,将学习内容进行整理,巩固自己的知识,加强整理学习能力,反复练习;

HTML是超文本标记语言(HyperText Markup Language,简称HTML),目前学习的html5语言内容;


一、本章要素

1、HTML 是超文本标记语言;
2、HTML 不是编程语言,是标记语言
3、标记语言是一套标记标签,前后呼应,开头与结尾,使用标记标签来描述网页;


二、编译工具

1、记事本(电脑右键)
2、Dreamweaver(adobe公司可视软件收费,找破解淘宝等)
3、notepad++(强化类的编辑工具,小巧)


三、复习内容

1、标签,语言中最重要标记属性的,使用英文输入法格式;

2、内容按照我学习课程进度和内容进行整理练习;

<!DOCTYPE html>声明,html5的声明
<html lang="zh-cn">标记语言,英语、法语、日语、韩语等,输入国家代码缩写;
<html>语言的开头
<title>主标题,名字,网站的名字叫什么
<head>相当于人的大脑位置,声明,链接,脚本,需要展示网页前,在大脑先加载出来;
<meta>相当于人的五官位置,标签和属性在这里添加,属性标签非常丰富;
其中charset="utf-8" 是<meta>重要标签,告诉浏览器使用什么编码;
<body>相当于人的身体位置,网页的身体部分,都在这个里面编写;

<h1>字的标签,变大小,h1~h6快速变大小
<h1>标题1</h1>
<h2>标题1</h2>
<h3>标题1</h3>

<p>段落标签,一句话,自然段,或者换行
<p>一句话,自然段</p>
<p>二句话,自然段</p>
<p>三句话,自然段</p>

<br>换行,强行换行
<hr>水平线

<a>链接的标签,就是可以从一个链接转到另一个链接,重要,用户所点击的所有可视东西,都是链接引导的;
<a href="https://www.sa.cx/">老猫论坛</a>
<a href="https://z.sa.cx/">修罗插件论坛</a>
<a>文字内容</a> 
其中href="链接地址”href是a的属性标签,很多主标签有多个属性,herf是其中一个,""重要,没有不生效;
 
<img>图形标签,添加图片时使用;
<img src="图片名称需带后缀" > 单标签不用</img>结尾
<img src="https://www.sa.cx/upload/attach/202408/13_VCY7HWDKMCFJN5F.jpg" width="100" height="100">
其中src="图链接地址”src是img的属性标签 width是图的宽度,height是图的高度,单位px和%,根据环境使用;

组合练习
<a href="https://www.sa.cx/"><img src="图片地址" width="宽" height="高"></a>
这家伙太懒了,什么也没留下。
已有回复 (0)
未登录, 登录后可查看回复!
Xiuno插件网 免签约码支付
发新帖
推广 (站长QQ:277732197)
Xiuno插件网
免签约码支付