【HTML+CSS基础】

1.简介

HTML:开发者希望用户看到的信息,比如:文字、图片、视频等等

CSS:改变内容外观,对内容加以修饰

JavaScript:实现特效效果,如:鼠标滑过出现下拉框;

2.标签特性

标签由 < 和 > 组成,比如:<html>

标签成对出现:一个开始标签,一个结束标签,且·开始标签比结束标签多一个 / 。

比如:<html>    </html>

3.标签结构

根标签:<html>,所有标签都需要包含在<html>以及</html>之间;

头部标签:<head>,定义文档的头部,是所有头部元素的内容。(一般不做主要信息展示给用户看)

头部元素包含:

<title>:网站的标题(多为了让用户一目了然网站的主题)

<script>:

<style>:

<link>:

<meta>等。

内容标签:<body> ,标签之间的内容为网站显示的主要内容。

包含标签:

<hx>   :head.文章头部(标题);x为1-6,<h1>级别最高;标题默认均会加粗,<h1>最粗;

  <p> : paragraf,文章段落,一个段落一个<p>标签.

  段落<P>中文本一般包含以下标签:

<em>:强调段落中都字段(斜体强调);<em>强调的字段</em>

<strong>:强调段落中都字段(粗体强调);同上

<span>:设置单独的样式(非强调),比如设置成蓝色blue;同上

<q>:quote,引用别人的话(简短文本),使用此标签后程序会自动为这段话加上引号;

<blockquote>:block:块;quote:引用;文本块引用;使用此标签后自动为此文本缩进;

<br/>(或<br>):回车键(换行:branch),注:这是空标签,即没有html内容,只需在需要的地方写一个开始标签,类似的空标签还有<hr/>,<ima/>

&nbsp: blank  space ;需要一个空格加一个标签;

<hr/>:水平横线,空标签

<address>:定义地址(如:邮件地址),签名,文档的作者信息。

<code>:加一行代码标签;

<pre>:加一段代码标签

ul-li:列表标签(列表间无序);自动为列表前面加上小圆点;

<ul>

<li>列表一</li>

<li>列表二</li>

</ul>

ol-li:列表标签(列表间有序排列,自动从前到后加序号)

<ol>

<li>列表一</li>

<li>列表二</li>

</ol>

<div>容器标签,把相互关联的逻辑部分(如:独立的栏目板块)划分出来 :

<div> 逻辑部分<div>

为容器添加唯一标识: <div id = “标识名称”>逻辑部分 </div>

<table>:表格标签,整个表格以<table>标签开始,</table>标签结束

<tr>:表格的一行,有几行就有几对<tr>标签

<th>:表格的表头,默认加粗·加黑

<td>。一行中的列,即一个单元格

summary:表格摘要,一般不现实在表格上,增加表格可读化:<table summary = "摘要内容·">......</table>

<caption>:表格标题,显示在表格上方

<a>:超链接(默认蓝色,点击过后紫色):

<a href = "链接跳转地址“  title = ”鼠标滑过提示的内容“> 被点击内容</a>        :默认在当前窗口打开链接

<a href = “链接跳转地址” target = “_blank"> 被点击内容</a>  在新窗口打开链接,blank:空白

使用<a>标签发邮件:

mailto后面多个参数,第一个参数前有?,之后参数前用&;

邮箱地址 mailto : <a href = "mailto:邮箱地址>发送</a>

多个邮箱地址:分号隔开   <a href = "mailto:邮箱地址1;邮箱地址2;邮箱地址n>发送</a>

<a  href = "mailto:邮箱地址

抄送地址:cc= :<a  href = "mailto:邮箱地址?cc=邮箱地址”>发送</a>

密送地址:bcc=:<a href = "mailto:邮箱地址?bcc = 邮箱地址”>发送</a>

邮件主题:subject =:<a href = "mailto:邮箱地址?subject  = 邮箱主题”>发送</a>

邮件内容:body = :<a href = "mailto:邮箱地址?body = 邮箱内容”>发送</a>

<ima>:插入图片:<ima src = “图片网址” alt = “图片下载失败时显示此图片” title = “鼠标经过显示的提示语”>

4.注释:格式: <!--  注释内容-->

例子:

html的基本结构:

 例子:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值