您的位置：首页 > 编程语言 > Java开发

javaseday32(html概念 一些基本标签)

2017-08-28 15:16 288 查看 
/*
* 1、html就是超文本标记语言的简写 是最基础的网页语言
* 2、html通过标签来定义的语言 代码都是由标签组成
* 3、html代码不用区分大小写
* 4、html 代码由<hmtl>开始</html>结束 里面由 头部分<head></head>和体部分<body></body>两部分组成
* 5、头部分是给html页面增加一些辅助或者属性信息 它里面的内容会最先加载
* 6、体部分是真正存放页面数据的地方
* 多数标签都有开始标签和结束标签 其中有个别标签因为只有单一功能 或者没有要修饰的内容可以在标签内结束
* 想要对被标签修饰的内容进行更丰富的操作 就用到了标签中的属性 通过对属性值的改变 增加了更多的效果选择
* 属性与属性值之间用"="连接 属性值可以用双引号或单引号 或者不用引号 一般都会用双引号 或公司规定书写规范
* 格式<标签名 属性名='属性值'>数据内容</标签名>
*  <标签名 属性名='属性值'/>
* 操作思想
* 为了操作数据 都需要对数据进行不同的标签的封装 通过标签中的属性 对封装的数据进行操作
* 标签就相当于一个**容器** 对容器中的数据进行操作 就是在不断的改变容器的属性值
*/


adobe 图像设计领域巨头 pdf编辑器就他出的 三剑客都被他收购

字体

字体标签
<font>


<font size =5 color =red>


<p class="ee"><strong>这是设计视图的文字</strong></p>
<p><font color="#00CCCC" size="+5">wwww</font>\r\n作为纯文本解析 要用标签来换行
</p>
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
c<dz>a 解析器认为是标签但是   不知道什么含义 就不显示了
3<567>2  标签不能用数字来表示
c<dz>a

<hr/>水平线
一般用双引 双引里面可以嵌套单引
<p>ee</p>
<br/>这是第二行
列表标签 dl
上层项目 dt
下层项目 dd 标签封装的内容是会被缩进的
<dl>
<dt> 上层内容</dt>
<dd>下层项目</dd>
<dt> 上层内容</dt>
<dd>下层项目</dd>
</dl>
<hr/>
//有序和无序的项目列表
<!--有序<ol>
无序<ul>
无论有序还是无序 条目的封装用的都是<li>
而且他们都有缩进的效果

-->

<ol>Ordered List
<li>有序项目列表</li>
<li>有序项目列表</li>
<li>有序项目列表</li>
<li>有序项目列表</li>
</ol>unordered lists
<ul  type="circle">
<li>无序项目列表</li>
<li>无序项目列表</li>
<li>无序项目列表</li>
<li>无序项目列表</li>
</ul>


<!--图片标签
img
<img  src="QQ图片20170826103650.png"  border=10 alt="安安" />
alt是图片上的注释 border是边界
热点地图<map> 通过点击可以通过超链接传送-->
<table width="70%">表格的下一级标签是tbody 不定义也存在
<tr >
<th colspan="2">个人信息</th>占2个单元格
<th rowspan="2">呵呵</th>占2行
</tr>
<tr>
<td>张三</td>
<td>30</td>
</tr>
</table>
<table border=1 bordercolor=""   cellpadding="10" cellspacing="0" width="70%">只有行的概念
<caption>表格标题</caption>
<tr>
<th>姓名</th> 单元格 加粗并居中
<td>zhangsan</td>
</tr>
<tr>
<th>性别</th>
<td>男</td>
</tr>
</table>
<table>
<thead>

</thead>
<tbody>
</tbody>
<tbody>可以一段一段数据看 默认都是tbody
</tbody>
</table>


超链接 作用连接资源
当有了href属性才有了点击效果
href属性的值不同解析的方式也不一样
如果在该值中没有指定任何协议
解析时是通过 是按照默认的协议来解析该值的 默认协议是file协议 当作文件来解析
<a href="http://www.baidu.com" target="_blank">新浪</a>
<a href="QQ图片20170826103650.png">美眉图片</a>
<a href="mailto:abs@sina.com">联系我们</a><br/>
<a href="thunder://dsadasdsa">复仇者联盟</a>迅雷自定义的协议 将一般的地址加密成thunder
<a href="javascript:void(0)" onclick="alert('呵')"> 自定义超链接 </a>双引号中嵌套单引号


<a  name="top">顶部位置</a>定位标记 专业术语叫锚
<img src="11.jpg" height="700" width="400"  border=10 />
<hr />
<a name="center">中间</a>
<hr />
<a href="#top">回到顶部</a>


</head>
<frameset rows="30%,*">
<frame src="js_01.html" name="top" />

<frameset cols="30%,*" >
<frame src="html_04.html" name="left"/>还可以在一个页面再放连接  通过名字在特定的区域显示 在其中一个页面加超链接即导航

<frame src="html_02.html" name="right"></frameset>
</frameset>

<body>

<a href="html_04.html" target="right">链接1</a>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航