个人感想
第一感觉就是学习很吃力,刚开始第一周接触的是HTMl,很多东西并不能很好的理解,主要是对英语单词不明白意思,哪怕是很基础的也需要进行翻译花费不少时间。离开课堂也有些时间再次上课也有些不太习惯,这一周时间也算是适应了也学了不少知识认识了新的同学。
知识点
什么是html
html全称“Hyper Text Markup Language”(超文本标记语言) 他可以针对字体/图像/视频/音频... 设置字体大小/类型/标记颜色等等完成一些渲染。
<body>
书写自己的核心标签体
文本标签
超链接标签
图形标签
表格标签
表单标签
框架标签
</body>
html语言:是一个结构不严谨,书写标签的时候,闭合标签只写了一部分,浏览器会自动识别这个标签,补全结束标签。
<h1-h6>标题标签,从大到小
<hr/>水平线标签,分隔前后两段内容
<p></p>段落标签,包裹内容前后两端自动换行
</br>换行标签,在上一段内容的末尾写入换行符号
<marquee></marquee>滚动标签,
<marquee behavior(滚动的方式)="slide"滚动到某一边停止
" scroll"穿梭滚动
"alternoon"来回滚动
scrollamount="00" 数值越大,滚动速度越快
direction="right"从左到右
"left"从左到右
"down"上到下
"up" 下到上
bgcolor="red"(英文单词/16进制)(alt+左键)>xxxxxxxxx</marquee>
<blockquote> :将包裹内容加上缩进效果,针对某段文字进行解释说明
</blockquote>
<pre> 将其中内容原封不动展示在浏览器中
原样输出
</pre>
数学公式
x<sup>2</sup> x² 网站首页底部版权所有信息标注 xxx公司2023-2024<sup>©</sup>
xxx公司2023-2024<sup>®</sup>
化学公式
co<sub>2 </sub> co2
特殊符号:©版权所有/®注册商标/&nmsp空格/&ensp两个空格
设置字体加粗:仅仅对字体加粗,strong(通用)b标签(带有语义的一种强调)
<strong>xxx</strong>
<b>xxx</b >
<em>xx</em>仅仅对字体倾斜(通用)
<i>xxx</i>带有语义上的强调
<font color="red"(颜色) size="5"(大小)>xxx</font>
列表标签
ul type="disc" 小黑圆圈 ol type="1"
"circle" 空心原点 "A/a/i/I"
"square" 小正方形
无序列表ul和li 有序列表ol和li
<ul> <ol>
<li>xxx</li> <li>xxx</li>
<li>xxx</li> <li>xxx</li> ctrl+shift+delete清理缓存
</ul> </ol>
<a>></a>标签
默认的属性href="跳转到的链接地址url"
url:统一的资源定位符
可以是本地地址也可以是服务器地址
url组成:
协议名称+域名+端口号+访问具体地址
协议: http:// http协议:通过服务器请求
file:// 本地文件协议:仅仅找本地文件查询
thunder:// 迅雷协议
jdbc:// java协议 java database Connecty java连接数据库协议
<a href="http://(协议名称)10.35.162.98/login(域名)">xxx</a>
属性:target打开连接地址的方式
_blank:新建窗口打开
_self:默认(当前窗口打开)
<a href="http://www.baidu.com" target="_blank">跳转到百度</a>
超链接第二种用法:
锚链接
在同一个页面使用
步骤一 打锚点(创建跳转标记)
<a name="锚点名称">无</a>
步骤二 创建一个跳转连接
<a href="#"锚点名称>跳转到锚点上</a>
贰 <a href="#foot">跳转到底部</a>
壹 <a name="foot"></a>
在不同页面下使用
1)在指定的页面某个位置,打锚点(创建跳转标记)
<a name="myname"></a>
2) 在当前页面中创建跳转连接
<a href="跳转的连接地址#锚点名称">跳转连接</a>
图像标签
<img src="连接到图片的url地址">
图像标签使用img标签
常用属性
src="链接到url地址"
图片放在当前前端项目中img里面,采用相对路径
width和neight:指定宽度和高度(像素或百分比)
title="鼠标悬浮在图片上文字提示的标题名称"
alt="替代文字属性
当你图片链接失效的文字提示(图片地址失效起作用)"
注意事项:
超链接标签的href属性以及图像标签的src属性="url地址"
都会进行加载(加载url地址,如果是服务器地址,就需要向服务器再次发送请求)
<img src="img/bug2.jpg"/>
<img="http:// 网络地址(外链)">
图像链接
<a href="广告页面"(地址url)>
<img src="图片.jpg" width="300px" neight="300px" title="图片"/>
</a>
背景图片
在body里面指定一个属性background="图片地址"
<body background="img/图片地址">
注意事项:body指定的background的里面背景图片尺寸如果小于分辨率尺寸,图片重复
其他属性
align(图片在浏览器中对齐方式)
left:左对齐
center:居中
right:右对齐
<img align="right" src="图片.jpg" width="300px" neight="300px" title="图片"/>
html
表格
html中定义表格使用table标签
行标签:tr
行中的:th表头(自动居中加粗)
行中的单元格:td
table里面的几个属性
border="指定边框线大小 30px"
align="表格在浏览器中对齐的位置"默认值left左边
center中间
right右边
width/height:指定宽和高px或者百分比
cellspacing:
<table bother="1px" width="300px" height="500px" align="center">
<tr>
<th>xxxx</th>
<th>xxxx</th>
<th>xxxx</th>
</tr>
</table>
总结
很多东西并没有记住,还需要花费大量时间记忆练习实践,已经选择了就应该去付出实际行动。