您的位置：首页 > Web前端 > CSS

HTML,CSS基础学习（前端）

2019-06-02 14:26 351 查看

HTML

HTML是现在世界通用的超文本标记语言，通过它，可以实现图片、链接、音乐以及程序等等多种元素。现如今，HTML已经是程序员必须掌握的一项基本功。

HTML结构

HTML的结构一般包括标签和标签，和这2个标记符分别表示网页的头部和正文。头部中可包含页面的标题、关键词、描述说明等内容，它本身不作为内容来显示，但影响网页显示的效果。当中是网页实际显示的内容，正文标记符又被称为实体标记。

HTML 元素

HTML 文档由 HTML 元素定义，HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码

这是一个段落

这是一个链接
这是一个换行标签

设置高度与宽度

height和width属性用来定义标签的高度与宽度。

属性默认以像素为单位, 但是你可以指定其按比例显示 (如：“80% , 80PX”)

<div style="width: 50%; height: 300px; ">
//这里使用块元素来进行演示

使用表格

使用 table 标签是创建布局的一种简单的方式。

大多数站点可以使用 div 或者 table 元素来创建多列。CSS 用于对元素进行定位，或者为页面创建背景以及色彩丰富的外观。

<!DOCTYPE html>
<html>
<body>

<table width="500" border="0">
<tr>
<td colspan="2" style="background-color:#FFA500;">
<h1>Main Title of Web Page</h1>
</td>
</tr>

<tr>
<td style="background-color:#FFD700;width:100px;">
<b>Menu</b><br>
HTML<br>
CSS<br>
JavaScript
</td>
<td style="background-color:#EEEEEE;height:200px;width:400px;">
Content goes here</td>
</tr>

<tr>
<td colspan="2" style="background-color:#FFA500;text-align:center;">
</td>
</tr>
</table>

</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航