• java基础笔记(10)


    Html:载体      CSS:样式   JavaScript:特效

    html:

    1. <html></html>称为根标签,所有的网页标签都在<html></html>中。

    2. <head> 标签用于定义文档的头部,它是所有头部元素的容器。头部元素有<title><script>、 <style><link>、 <meta>等标签,头部标签在下一小节中会有详细介绍。

    3. 在<body></body>标签之间的内容是网页的主要内容,如<h1><p><a><img>等网页内容标签,在这里的标签中的内容会在浏览器中显示出来。

    <title>标签的内容会在浏览器中的标题栏上显示出来;

    <p>标签:段落标签,默认会空出一行;

    <hx>标签:标题标签,分6级;字体都会加粗;

    注释格式:<!--注释文字 -->;

    <em>、<strong>标签:强调标签,<em>斜体强调,<strong>加粗强调;

    <span>标签:通过设置单独的样式后调用使用;样式的设置是:span{xxxxxxxx};

    <q>标签:引用标签,效果类似双引号,语义是:引用别人的话;短引用

    <blockquote>标签:引用标签,长文本引用,效果会两边出现缩进

    <br/>:空标签,折行标签;即换行效果;

    &nbsp;:空格效果;html文本是没有空格和回车效果显示的,需要用&nbsp;和<br/>来代替;

    <hr/>:空标签,横线效果

    <address>标签:地址信息标签,效果会使标注内容独处一行且为斜体

    <code>标签:代码标签,用于改变代码语言的样式,只适用于单行代码,多行代码使用<pre>标签

    <pre>标签:预格式化文本,被pre标签下的文本会保存空格和换行符

    <ul><li>标签:列表标签,<li>标签会将其内容前自带一个圆点;<ul>更像是一种声明

    <ol><li>标签:列表标签,<li>标签前会自带一个序号,用于排列

    <dir>标签:将网页划分为独立的版块,更像是网页里一个独立的容器分离开来;dir标签里可以有id来作为属性用来于区别不同的div版块

    table标签:包含<table><tr><th><td>和<tbody>元素;<tbody>包含的行可以边加载边显示,要不然表格得等加载完后才显示;tr:行;<th>:表格表头;<td>:单元格,一行有多少个<td>则表示有多少列;

    <caption>标签:表格标题标签;

    <table summary="表格简介文本">:为表格增加摘要

     <a>:实现链接;href属性:链接网址;title属性:鼠标滑过时显示的文本;target=“_blank”属性:链接的网页在新的浏览器窗口显示;

    <a>标签的链接Email地址属性:

     <img>标签:插入图片;src属性:图片来源;alt属性:下载失败时的提示文本;title属性:提示文本,鼠标滑过图片时的描述;

     <form>标签:表单标签,与用户交互;语法:<form method="传送方式" action="服务器文件">;

    <input type="text/password" name="名称" value="文本" />:输入文本框;type:文本框类型:文本/数字;name:文本框名字,便于识别调用;value:文本框默认值;

    <textarea rows="行数" cols="列数">文本</textarea>:文本输入域,这里的文本是文本域中一开始默认的文本;

    <input type="radio/checkbox" value="值" name="名称" checked="checked"/>;单选框、复选框;表现出来就只是 一个选择圆点;radio:单选;checkbox:复选;value:上传的值;name:单选框的名字;check:将该选项默认为默认选项;注意,单选框中的名字name都要是一样的;

     <select><option value='提交值' selected = "selected">显示的值</option><option>....</option>....</select>:下拉列表;当option标签有selected = "selected"属性,则表示该选项是默认选项;

     在<select>标签中增加multiple="multiple"属性,则表示该下拉列表可以进行多项复选,通过ctrl+鼠标单击即可;

    <input type="submit" value="提交" />:提交按钮,type必需设置为”submit”,这样才有提交作用,value属性为设置按钮上显示的字;

    <input type="reset" value = "重置" />:重置按钮,各个属性和提交按钮差别不大;

    <lable>标签;当鼠标点击table标签内的文本时,会自动触发相对应的控件;

    <lable for="">xxx</lable>:这里for里填的就是对应控件的id;

  • 相关阅读:
    cocoaPods 最新系统上的安装和基本使用图文笔记
    iOS cell左滑出现多个功能按钮(IOS8以后支持)
    JPA error org.hibernate.AnnotationException: No identifier specified for entity
    spring-boot Jpa配置
    Java中各种集合(字符串类)的线程安全性!!!
    kafka浅谈
    Redis 指令
    JVM监控及堆栈内存
    redis与mysql性能对比、redis缓存穿透、缓存雪崩
    分布式锁机制
  • 原文地址:https://www.cnblogs.com/lzj-learn/p/11906139.html
Copyright © 2020-2023  润新知