黑马程序员--html（一）

------- android培训、java培训、期待与您交流！ ----------

Html内容

1.      多数标签都是有开始标签和结束标签，其中有个别标签因为只有单一功能，或者没有要修饰的内容可以在标签内结束。

2.      想要对标签修饰的内容进行更丰富的操作，就用到了标签的属性，通过对属性值的改变，增加了更多的效果选择。

3.      属性与属性值之间用”=”连接，属性值可以用双引号或单引号或者不用引号，一般都会用双引号。或公司规定书写规范。

4.      格式:  <标签名 属性名 = ’属性值’>数据内容</标签名>

<标签名 属性名 = ’属性值’/>

5.      操作思想：

为了操作数据，都需要对数据进行不同标签的封装，通过标签中的属性对封装的数据进行操作。标签就相当于一个容器。对容器中的数据进行操作，就是再不断的改变容器的属性值。

 

列表<dl>

<dt>:上层标签

<dd>:下层标签

<ol>::数字标签

<ul>:符号标签

<li>:具体项目内容标签。此标签只在<ol>,<ul>中有效。

 

图像：

1.      图像标签<img>：

<img src = “1.jpg”align =“middle” border = “3” alt =“图片说明文字”/>

align:属性定义图片的排列方式，border用来设置图像的边框，src连接一个文件

2.      图像地图<map>:

 

表格标签：<table>

1.      组成：

a)        标题标签：<caption>，给表格提供标题。

b)       表头标签：<th>，一般对表格的第一行或者第一列进行格式化，就是粗体显示。并不常用

c)       行标签：<tr>

d)       单元格标签：<td>,加载行标签的里面。可以简单理解为，现有行，在行中加入单元格

2.      格式：

<table border=”1” width=”40%”><!--width值为百分比可以让表格的宽度随浏览器窗口的大小变化-->

       <caption>表格标题</caption>

       <tr><!--第一行-->

              <th>姓名</th>

              <th>年龄</th>

       <tr/>

       <tralgin=”center”><!--第二行-->

              <th>张三</th>

              <th>23</th>

       <tr/>

 

超链接

1.      超链接<a href=””>

<a href=”http://www.baidu.com”target=”_blank”>百度</a>

<!--href属性值可以是url，也就是本地文件。target属性是指在哪个窗口或者帧中打开。-->

2.      定位标记<a name=””>

一般在本页面中使用，当网页内容过长，定位标记会比拖动滚动条方便快捷。

注：定位标记要和超链接结合使用才有效。

<a name=”标记”>标记位置</a>

<p>…很长一段….</p>