|
|
马上注册，结交更多好友，享用更多功能^_^
您需要 登录 才可以下载或查看，没有账号？立即注册
x
本帖最后由 1838569480 于 2025-9-23 08:10 编辑
上次登录网站约是3年前，是曾经在院校学习的时候假期值班以及疫情时，学习小甲鱼的python。直到毕业下单位后，就再也没有看过相关的内容，认为自己不太会再进行编程相关的工作内容，便慢慢遗忘了所有。
现在因为个人原因，回到了社会上，发现工作难寻，薪资不堪入目。即使是出卖当初引以为傲的体力，也很难混口饭吃。故又计划捡起这一内容，既作为提升自己能力的方式，又可作为闲暇时消磨时间之方法。
自小时候就有个梦想，想做个计算机高手，可由于贪玩、调皮。不仅荒废学业。现在有个机会，报名了成人本科学习计算机科学内容。现又可以慢慢学习起来了。
现从网页制作开始
科目一 《网页设计与开发》
一、初识HTML
1.基本结构
<！DOCTYPE html> →是关于DOCTYPE文档的声明，用于约束html文档结构，这条声明必须放在第一行。
<html>
<head>头</head> →头部内容可以放置网页标题 <title>标题</title> 、设置文档内容类型<meta charset=“UTF-8”/> UTF-8是国际通用的字符编码
<body>身体</body> →身体内容可以放置各种标签<h></h>、<p></P>、
</html>
基本结构如此，由头部和身体组成。
2.基本标签
<h>内容</h>
这个标签属于标题标签，有h1到h6六个等级。h1字体最大，h6字体最小
<p></p>
这个标签属于段落标签，反正往里面写什么玩意，就能显示什么，要是想换行，就在内容后面加<br/>
<hr>
这个标签可以在网页中横着来一条下划线，好像很吊的样子。
<!--注释内容-->
这个标签可以在代码里加一条注释，方便自己备注代码且不在网页中被显示出来，
特殊符号对应的字符
要是想添加特殊的符号，就需要写进去相应的字符
特殊符号 字符
空格  ；
大于号＞ >；
小于号＜ <；
引号“” "；
版权号© ©；
3.图像标签
<img>
这个标签可以在网页中添加一张图片，当然需要遵循以下格式<img src=‘图片地址’ alt=‘图像的替代文字’ title=‘鼠标悬停提示文字’ width=‘图片宽度’ height=‘图片高度’>
然后图片地址可分为绝对路径和相对路径
绝对路径 就是指向目标地址的完整路径描述，一般指向本站点外的文件。ps：还没试过，好像可以去指向别的网站上面的图片
相对路径 就是指向当前页面的路径，通常用于指向本站点内的文件。例如<img src=“img/照片.jpg”>，意思就是说指向当前html文件存在路径下的img文件夹中的照片.jpg
ps：相对路径就是需要提前把照片搞到本地。
4.超链接标签
<a> ps：这个也还没实际用过，之前看书的时候想尝试着点击超链接跳转到外部的网站。但是好像不行。
格式是这样的：<a href=“链接地址” target=“目标窗口位置”>链接文本或图像</a>
href 输入的是链接的目标，就是要跳转过去的地方，可以是某个网址或文件的路径
target 是定义被链接的文档在哪里显示的，常用的取值有 自身窗口_self、新建窗口_blank
。。。以上内容是前段时间学习的笔记，后面再慢慢来吧。。。。晚安 |
|
( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)
狗仔卡
发表于 
置顶卡
千斤顶
显身卡
发表于