美文网首页
javaweb之html,css

javaweb之html,css

作者: 杨泽龙 | 来源:发表于2018-08-28 10:02 被阅读7次

    一个结构良好的页面由三部分组成:
    结构HTML
    表现css
    行为js

    HTML
      语法宽松,通过标签定义网页结构由浏览器的html解析器解析,及时代码不严格,浏览器也能解析,建议按标准语法来编写代码。语法通过标签的闭合为基础点
    `例:<a>内容</a>双标签`,`<input type="text" name="name"/>`
             `<br/>`
    

    属性:属性必须有值,值需要使用" "或' '引起来
    html不区分大小写
    常用标签:

      标题:<h1>~<h6>由大到小
      段落:<p>,</p>
      换行:<br/>
      无序链表:<ul>
                        <li></li>
                         ...
                        <li></li>
                        </ul>
    
      语法注释:
            多行注释`<!-- 注释内容--->不会被浏览器解析`
    

    图片:<img alt="图片显示失败提示文字" src=“引用图片的路径”/>
    1.图片和页面是同一级:直接引用
    2.图片再下一级:先获取图片所在的文件夹,在获取图片
    3.图片再上一级目录,使用../退回上一级目录,找到图片
    超链接:点击跳转href=“”;地址对应的页面
    表格:

        <table border="1" align="left"center" right">
            <tr>
              <td></td>
            </tr>
        </table>
    
     单元格合并:上下关系:rowspan=“number” 
                           左右关系:colsapan=“number” 
    

    form表单:用来收集数据。
    action属性:表单提交属性,(以后会提交到java类),method:定义表单提交方式,默认是get,在传递时进行URL进行拼接,不安全;
    post方式数据不在url中拼接显示,比较安全

          <form action="提交的地址" method="选取方式">
    
          </form> 
    

    input标签:可以单独使用,创建一个表单项提交给服务器
    name属性:form表单只会收集有name属性值得表单项数据提交给服务器
    value属性:用户提交表单的值
    type属性:

             text:普通文本
             password:密码框
             button:按钮
             radio:单选按钮
              submit:提交按钮,点击时会提示form表单收集数据
             file:文件表单选项,收集上传文件使用、
             hidden:隐藏表单,用户看不到,主要用于在用户提交数据的时候·                    隐式的提交数据
    
    CSS
    层叠样式表,设置网页中元素的样式
    语法简单,主要分为两部分选择器和声明语法:{样式名:值}
    

    通常使用外部文件引入<link rel="stylesheet" href="引入文件路径"/>
    选择器:
    基本选择器:标签选择器:标题名 声明
    id选择器:给每个标签提供了id属性
    #id 声明
    class选择器:给每个标签设置class属性,通过class
    可以对一组选择器进行归类
    复合选择器:将所有标签归类使用
    所有选择:* 声明
    RGB三原色,使用了三组两位十六进制来表示

    相关文章

      网友评论

          本文标题:javaweb之html,css

          本文链接:https://www.haomeiwen.com/subject/xozxwftx.html