Web基础了解版01-html-css

HTML 网页构成 摘要 说明
结构(HTML)   HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。  
表现(CSS)   CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。  
行为(JavaScript / jQuery)   JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有购物网站中图片的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的  

HTML文件结构

<html></html>为HTML页面中的根标签,所有的HTML网页中的标签都在<html></html>中。

这里<head>标签用于定义文档的头部,它是所有头部元素的容器。头部元素有<title><script><style><link><meta>等标签。

<body></body>标签之间的内容是网页的主要内容,如<h1><p><a><img>等网页内容标签,在这里的标签中的内容会在浏览器中显示出来。

标签语法

标签由英文尖括号 < 和 > 括起来,如:<html>

html中的标签一般都是成对出现的,分开始标签和结束标签。结束标签比开始标签多一个 / ,<title>..</title>;还有一些是自结束标签,如:<br/>

标签与标签之间是可以嵌套的,但先后顺序必须保持一致,如:<div>里嵌套<p>,那么</p>必须放在</div>的前面。如: <div><p>..</p></div>

注释是不可以嵌套的,如:<!-- <!-- 注释部分 --> -->

HTML标签不区分大小写,<h1><H1>是一样的,但万维网联盟(W3C)建议小写。

常用标签 <h1>...</h1>   标题  
<br />   换行  
<hr />   分割线  
<p>...</p>   段落  
<span></span>   行内  
<img src="" />   图片  
<a href=""></a>   超链接  
<ul>...</ul>   无序列表  
<ol>...</ol>   有序列表  
<li>...</li>   列表项  
<table>...</table>   表格  
<tr>...</tr>   一行  
<td>...</td>   一列  
<th>...</th>   列标题  
<form>...</form>   表单  
<input>   输入框  
<select>...</select>   下拉列表  
<option>...</option>   下拉选项  
属性

align="left"                   【align="center",align="right"  左中右】

style="background-color: red"           【样式】

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zgjpzd.html