HTML语言基础

来源：互联网发布：金蝶erp软件编辑：程序博客网时间：2024/06/07 06:29

html语言是一个非严谨性语言,超文本标记语言。
HTML语言是由标签组成的，里面的数据都会封装在标签中，可以通过标签中的属性改变数据。

确定HTML代码范围，<html> </html>
范围分为头和体。
<html>
<head></head>
<body></body>
</html>
head:网页的属性信息，如标题，
body:网页显示的数据。

标签特点：对数数据进行封装，有开始和结束标签，也有单一标签，就是没有结束
标签，在内部结束的。如<br/> <hr/> <img /> <input />

标签格式：<标签名属性名=“属性值”>数据</标签名>
<标签名属性名=“属性值”/>

常见标签：
1.字体：<font>
<font size="7" color="red">数据</font>
特殊符号需要转义，<: < >:> 空格：  
标题：<h1><h2>...<h7>

2.列表标签：<dl></dl>
上级目录：<dt>
下级目录：<dd>
项目符号标签：
<ul>
<ol> 这两个标签中的列表项都是<li>标签封装。

3.图像标签：<img>
<img src="" alt="图像说明文字" />

4.表格标签：<table>
表格由行组成，行由单元格组成。
表格中的默认标签tbody标签
标题标签<caption>
<table border="1" bordercolor="red" width="45%" cellpadding="10" cellspacing="0">
<tr>
<th>表头</th>
</tr>

<tr>
<td></td>
</tr>

</table>

5.超连接：<a>
<a href="http://www.baidu.com" target="_blank">百度</a>
当被点击后，会去查找主机。
1.先把本地host主机，把对应的IP地址，如果没有找到则去公网上找相应的IP地址。

6.表单标签：<form>
表单中的元素，<input> 在这个元素中type属性不一样，所对应的值也不一样。
type属性：text 可见文本框，password 不可见文本框。
radio 单选框。checkbox 复选框。file 文件上传。
hidden 隐藏组件。button 按钮。reset 重置。submit 提交按钮。
image 图像组件。
下拉菜单：<select> 由<option>封装
<select>
<option>
</option>
</select>

文本区域：<textarea>

Dreaweaver8
<hr/>水平线标签。
<table> 表格标签</table>
表格的下一级标签就是<tbody>
<tbody> </tbody>
<pre></pre>可以保持数据的原有格式。
<p></p>段落标签，行与行之间有距离。
<base/> 升级备份用的标签。

HTML HML
正则表达式，专门用于操作字符串的，通过符号简化对字符串的操作，缺点就是阅读性差。

常见操作操作，匹配String matches(regex)
获取，查找，Pattern,Matcher

切割，String split(regex);
替换，String replaceAll(regex,str);

css 层叠样式表。
将网页中的样式分离出来，完全由css控制，增强样式的利用性以及可扩展性。

格式：选择器｛属性名：属性值；属性名；属性值...}

css和html代码相结合的四种方式：
1.每一个html标签都有一个style属性。
2.当页面有多个标签有相同样式时，可以进行复用。
<style> css代码 </style>
3.当有多个页面中的标签的样式相同时，还可以将样式单独封装成一个css文件。
通过在每个页面中定义
<style> @import url("1.css"); </style>
4.通过html中head标签中的link标签连接一个css文件。
<link rel="stylesheet" href="1.css" />

技巧：为了提高相同样式的复用性以及可扩展性，可以将多个标签样式进行单独
定义，并封装成css文件。p.css, div.css...
在一个css文件中使用css的import将多个标签样式文件导入，然后在html页面上，使用
link标签导入这个总的css文件即可。

1.css
@import url("p.css");
@import url("div.css");

<link rel="stylesheet" href="1.css" />

选择器：就是样式要作用的标签容器。
当样式分离后，html作用在于用标签封装数据。然后将css加载到指定标签上。

选择器的基本分类：
1.标签选择器：其实就是html中的每一个标签名。
2.类选择器：就是每一个标签中的class属性。用 . 的形式表示，只用来给css
使用，可以对不同标签进行相同样式设定。
3.ID选择器：就是每一个标签中的ID属性。但是要保证ID唯一性，用#来标识。
ID不仅可以被css所使用，还可以被javascript所使用。