csdn第二次培训——第一篇感想

    经过了上学期几天伟哥的指导与培训,让我们完成了HTML的网页制作,在完成的刹那,说实话,我感到非常有成就感,这可不是对伟哥的错爱哦,是真的很感谢!
    今天是CSDN给我们进行第二次培训的第一天。伟哥说把这次培训的内容学会了就可以找到工作,说实话,心动了。伟哥今天给我们讲解了关于form,css,javascript的有关知识,并通过视频,举例,以及实际操作等途径更好的帮助我们学习。当然,我也学到很多:

 


笔记如下:
一、表单:
     可以实现用户和服务器进行数据交互
     <form>  可以有一些属性:action=“表示表单要提交的服务器路径”  method=“提交表单的方法”
             get/post两种
             文本框  <input type="text" name="文本框的名称">
             密码框  <input type="password" name="文本框的名称">
             单选框  <input type="radio" name="文本框的名称">
             复选框  <input type="checkbox" name="文本框的名称">
             下拉菜单 <select></select>     选项<option value="要传到服务器端的值">显示文本</option>
             文本域  <textarea></textarea>
     </form>
二、css:
    层叠样式表  把网页的内容和内容的控制进行分离
  3种方法:
     1.直接以属性的方式写(行内样式)
       在标签中增加属性,实现对标签样式的修改
     2.<head></head>之间,写<style></style>可以修改网页的内容(内嵌样式)
     3.外部链接一个独立的css文件(外部样式)
       <link type="text/css" rel="stylesheet" href="css1.css"/>
关于css的选择器的概念
    选择器分为3种:
       1.HTML选择器
         样式的名称其实就是我们的html元素的名称(标签的名称)
       2.ID选择器
         根据元素的id属性值设定的样式  写法"#id属性值"
       3.class(类)选择器
         根据class元素的属性值,设定的样式 写法“.“+class属性值
三、javascript
1.概念:livescript演变而来,主要解决客户端程序的运行速度问题,常用于数据校验
2.使用方法:<script></script> 来实现jivascript代码的执行
3.javascript中的常量的定义
     用var来声明变量,注意javascript是一种弱语法语言(定义变量统一使用var)
  例如:var a=10,b="凤姐",c=10.12;
  alert(a);
  alert(b);
  alert(c);
4.javascript中的变量的定义
    例如:var i;
   i=10;
   alert(i);
5、"+" 的特殊用法
   1、数字+数字   数字(+起运算符的作用)
   2、数字+字符   数字字符(+起连接作用)
   3、数字+true/false 把true转换为1 把false转换为0 进行运算。
6、弹出的提示框
   alert("显示的内容");  弹出的是一个警告框
   confirm("询问的内容") 返回一个true 或者false
   prompt("提示的内容","初始值")  提供的一个可以输入的输入框
     
  

   在今天的学习中,我觉得使用笔记本对自己的学习很方便,伟哥劳逸结合的教学方式也很对我胃口,在学习过程中,能即使根据我们学习的接受能力调节课程进度,但是我觉得虽然对课堂上的内容还比较能接受,可是一旦脱离了上课内容,就会发现其实自己好像又不懂,这很让人头疼。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
第1关的任务是运用HTML5的语义化元素设计一个包含头部标题和文章内容的文章区。在这个任务中,我们需要使用header元素来表示文章区的头部。 在HTML5中,header元素用于表示页面或一个区块的头部部分。它通常包含页面的标题或区块的标题。在这个任务中,我们可以使用header元素来包含文章的标题。 下面是一个示例代码,展示了如何使用header元素来表示文章区的头部,并设置了一个茗茶推荐的标题:"茗茶推荐——祁门红茶": ``` <!DOCTYPE html> <html> <head> <title>页面结构</title> <style type="text/css"> header{ border-bottom:4px double #eee; text-align:center; font-size :20px } </style> </head> <body> <!-- ********* Begin ******* --> <article> <header><h3>茗茶推荐——祁门红茶</h3></header> <p>祁门红茶,茶叶原料选用当地的中叶,中生种茶树制作,是中国历史名茶,著名红茶精品。</p> </article> <!-- ********* End ********* --> </body> </html> ``` 通过设置header元素的样式,我们可以为文章区的头部添加一条底边,并设置居中对齐和字体大小。同时,我们在header元素内部使用h3标签来显示文章标题。 希望这个回答对你有帮助,祝你成功!<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [EduCoder-Web程序设计基础-html5—结构元素-第2关:header元素和article元素的应用](https://blog.csdn.net/weixin_51402180/article/details/121688659)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值