html笔记


系统结构
B/S架构(以后主要走的方向)
Browser/Server (浏览器/服务器的交互形式)
Browser支持哪些语言 HTML CSS JavaScript 前端开发工程师
前端的图片需要ui工程师完成,ps对程序员没有太高的要求
S是服务端Server,Server端语言很多,c c++ Java python 我们们主要是java
优点 升级方便 只需要升级服务端代码即可
缺点 速度慢 体验不好 界面不炫酷
企业内部使用
C/S架构
缺点 升级麻烦 维护成本高
优点 界面炫酷 体验好 速度快 娱乐
Client/Server(客户端/服务器端的交互形式)
QQ 微信 支付宝
HTML
*html: Hyper Text Markup Language(超文本标记语言)
由大量的标签组成,每一个标签都有开始标签和结束标签
<标签>
<标签>
<标签 属性名=”属性值“ 属性名=”属性值“>




超文本 流媒体 图片 声音 视频
有专业的开发工具 如 DreamWeaver、HBuilder
html 是由 世界万维网联盟规范的 (W3C)
目前最高的版本是 html5 这里学html4的基础用法
w3school是html的帮助文档
w3cschool较晚


------------5----------




网页的标题 最顶加了表示HTML5


网页的主体内容,欢迎学习

------------6----------------------------




<br> 标题<br>

内容发哈是否可见

撒谎附件客户发开发奥卡福好看撒法哈克安徽省发撒尽快恢复骄傲是开发哈开发


标题字


标题字


标题字


标题字


标题字

标题字


helloworld
world

hello






for(int i =0;i<100;i++){
System.out.println("sb")
}

删除字
插入字
粗体字
斜体字
102
102
字体标签


---------------------------------实体符号-----------------------



实体符号


b<a>c

a    b


----------------------------------8表格---------------------------



表格












员工信息列表




















a b c
c d e
e f g



-----------------------9 单元格合并---------------------------




表格单元格合并











1
8


----------------------11-------------thead tbody tfoot--------------



<br> thead tbody tfoot把代码集中一堆,方便操做<br>
























员工编号 员工薪资 员工名称
1 2 3
4


----------------------12----------------背景图片------------------




背景颜色和背景图片



------------------------13-----图片img标签------------------------





图片img


图片不见啦











------------------------14超链接----------------------------------------




超链接 热链接


百度
百度新闻
京东
天猫
126邮箱




失效美女


--------------------------------------15超链接-----------------





超链接 热链接


百度
百度新闻
京东
天猫
126邮箱




失效美女


---------------------16有序 个无序----------------------




列表



    啊大哥
  • 大哥
      中国


  • 美国




  1. 水果

    1. 西瓜

    2. 苹果

    3. 桃子




  2. 蔬菜

  3. 甜点




---------------------17表单初步-------------------------------




表单form



百度











用户名

密码
















用户名
密码

   
  




--------------------------18表单实现-----------------------------





表单注册实现




用户名



密码



确认密码



性别




兴趣爱好
抽烟
喝酒
烫头


学历



简历









---------------------19下列列表多选-----------------------------





下拉







------------------20 form的file控件-----------------------------------------





form 的控件







-------------------------------------------21隐藏的hidden控件----------------





隐藏的hidden控件




------------------------------------22隐藏的hidden控件2-------------------




readonly和disabled








-------------------------------------------24maxlength-----------------




input控件maxlength属性






------------------------25id属性-----------------------------




id属性






-----------------------26 div和 span------------------------------------





div和 span



我是一个div

我是第二个div
龙的传人
有木有效果



我是一个span
我是一个span