​个人感想

       第一感觉就是学习很吃力,刚开始第一周接触的是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>&copy;</sup>  

xxx公司2023-2024<sup>&reg;</sup>

化学公式  

co<sub>2 </sub>  co2

特殊符号:&copy版权所有/&reg注册商标/&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>

 总结

       很多东西并没有记住,还需要花费大量时间记忆练习实践,已经选择了就应该去付出实际行动。