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;

 

posted @ 2019-11-29 11:57  xiao兆  阅读(105)  评论(0编辑  收藏  举报