黑马程序员技术交流社区

标题: HTML [打印本页]

---

作者: java.Crush    时间: 2019-8-5 16:28
标题: HTML
1.软件架构
        c/s
                客户端和服务器
                优点:效果好,响应速度快
                缺点:要维护两个内容,成本高,需求量少
        b/s(我们学习的方向)
                浏览器和服务器
                优点:维护一个服务器端就可以了, 需求量比较大
                缺点:效果不是很好 ---->可以通过css3,html5来美化效果
2.资源分类
        静态
                html--->搭建基础网页, 展示一些数据而已!!!!
                css --->美化
                js ---->增强客户体验
        动态(重要!!!!!!) --->先翻译成静态资源,然后在给浏览器!!!!
                servlet
                jsp
        注意:浏览器只能解析静态资源
3.html
        超文本标记语言
        超文本 --->将多个页面链接在一起的技术
        标记语言 --->由标签组成的语言(html,xml)例如:  <student>梅军建</student>
4.html的语法
        1.后缀名.html或者.htm
        2.标签分类
                围堵 : 由开始标签和结束标签组成: 例如: <student>梅军建</student>
                自闭合: 开始标签和结束标签在一起 : 例如: <br/>
        3.他不区分大小写
        4.属性的值建议用引号引起来(单双都可以)
5.文本标签
        <p> --->段落
        <h1> - <h6> ---> 从1开始逐渐减小, 自带换行
        <hr> ---> 水平线
        <br> ---> 换行
       
        <i> ---> 斜体
        <b> --->加粗
        <u> --->下划线
       
        <font>
                color
                        RGB(255,255,255)
                        建议使用: #值1值2值3 ----> 99 ---> 9 * 10 + 9 :  FF ---> 15个16 + 15 --->255
                width
                        以px为单位,像素
                        以%比方式
                size
                        设置字体的大小, 100 --->7
        <center> ----> 可以让内容居中!!!!!
6.图片标签
        <img/>
                属性: src ---->指向要展示的图片的路径,这个路径大部分用的相对路径,(./(当前路径)和../(上一级目录)的区别)
                不是太重要: width ,height
7.超链接标签
        <a></a>
        属性:
                href --->指定要跳转的路径
                target
                        _self --->在当前页面打开资源
                        _blank --->新开页面打开资源
8. div和span ---->没有任何样式的,必须通过结合css来控制其样式
        块级标签: 默认独占一行 ---->比如: h1,div, font,p
        行内标签: 默认不独占一行--->比如: span
9. 语义化 ---->没有任何样式的,必须通过结合css来控制其样式
        <header>
        <footer>
10.表格
        <table>
        属性：
                border:可以加边框
                cellspacing: 控制单元格和单元格之间的距离
                cellpadding: 控制单元格内容和单元格的距离
                align: center,left,right
                bgcolor:背景颜色
        <tr> ---> 定义行
                bgcolor,align
        <td> --->定义单元格
                colspan ---> 合并列
                rowspan ---> 合并行
        <th> --->定义单元格, 只不过里面的内容默认居

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2