<head><font size="3"> </font>
</head>
<body> <!--这是注释的内容-->
</body> <p></p> <br>
</html>
HTML语言全称为Hyter text markup language 也就是超文本标记语言,其特点是包含是若干条的标签元素,大部分的标签成对出现,也有少部分的标签单独出现。
添加图片信息
src : 图片的根目录,可以是本地图片,也可以是网页中的图片
alt : 当文件未找到时,输出的默认信息
weight : 设置图片的宽度
height : 设置图片的高度
添加Img图片<img src = "图片相对路径" alt = "图片打开错误时输出的提示信息" />
将图片设置为超链接:
锚点设置:锚点必须先定义,在使用
定义锚点:将定义的锚点放置在不同的位置:
1<a name="锚点名称" > 内容······ </a>
2 使用锚点: <a href = "#锚点名称"> 提示信息...... </a>
如果是在其它的文件中打开本文件的锚点:<a href = "other.html#锚点名称"> 锚点描述 </a>
阶段小结:标签 格式有两种 有序标签<ol> <li></li> </ol>
无序标签:<ul> <li></li> </ul>
标签里面可以放置任何内容,比如图片,段落,文字,超链接等等的内容
超链接:<a href = "****" > ...... </a>
NEXT: 表格的使用
<table> ...表格的内容</table> (<table border="1" width="500px" bgcolor="red?">)
<tr> 表示的是一行的内容 </tr>
<td> 表示的是一列的内容 </td>
可以将<td>标签嵌套在<tr>标签里面
在进行行或者列合并时,在<tr>或者<td> 的标签内部使用colspans = "number"来合并指定的列
使用 rowspans = "number" 来合并若干的行
NEXT:文本框:<textarea rows="设置文本框宽度" cols="设置文本款的长度"> 提示信息... </textarea>
提交上传文件: <input type="file" name="" id="" value="" >
外部CSS样式设置:在html样式表中的头部标签加上<link rel="stylesheet" style="text/css" href="外部样式路径+文件名">
p{…}
文本样式设置:
属性 | 属性值 | 作用 |
---|---|---|
color | 表示颜色的内容 | 设置文本颜色 |
direction | ltr/rtl | (主要针对阿拉伯语)文本的方向/书写方向 |
letter-spacing | n(px)像素点 | 字符间距 |
line-height | n(px)像素点(px是单位) | 行高 |
text-align | left/right/center/justity | 文本对齐方式(左对齐/右对齐/中央对其/两边对齐) |
text-decoration | none/underline/overline/line-through | 文本修饰:例如:下划线 |
text-shadow | h-shadow v-shadow blur color | 文本设置阴影 (例如:5px 5px 5px red); |
text-transfrom | none/capitalize/uppercase/lowercase/ | 改变字母大小写 |
text-indent | n(px),n(em) | 首行缩进 |
字体设置:
属性 | 属性值 | 作用 |
---|---|---|
font-family | 隶书、仿宋、楷体等 | 设置字体 |
style | normal,italic,oblique | 规定斜体文本 |
font-weight | normal,bold | 文字的加粗 |
font-size | n(px) | 字体大小 |