从博客园主题了解前端 - HTML

WEB三要素

|项|描述|
|--|--|--|
|HTML|结构层，叙述页面都有什么|
|CSS|表示层，叙述它们长什么样|
|JavaScript|行为层，叙述某操作下有什么反应|

HTML、CSS、JavaScript 进一步可演变为 HTML5、CSS3、jQuery。它们可以简单对应着博客园后台管理的页首 HTML 代码/页脚 HTML 代码、页面定制 CSS 代码、博客侧边栏公告这几个自定义代码框。

HTML主要构成

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文档标题</title>
</head>

<body>
文档内容......
</body>

</html>

常用标签

项 描述 项 描述
<h1>~ <h6> 标题 <code> 代码
<p> 段落 <samp> 代码样本
<a> 链接 <var> 变量
<img> 图像 <pre> 预格式文本
<br> 换行 <q> 短引用
<!----> 注释 <link> 外部资源
<script> 加载脚本 <input> 输入框
<table> 表格 <tr> 表行
<td> 单元格 <th> 表头
<ul> 无序列表 <ol> 有序列表
<li> 列表的项
<div> 块容器 <span> 内联容器

常用属性

项 描述
class 定义类
id 定义元素id
style 行内样式
title 描述信息
src 源属性

颜色表示

项 描述
#000/#F5F500 十六进制颜色值
Blue/Red 颜色名称
rgb(255,0,0) RGB颜色值
rgba(255,0,0,0.5) 含透明通道的RGB颜色值

实体字符

项 描述 实体名称
空格 &nbsp;
< 小于号 &lt;
> 大于号 &gt;
& 和号 &amp;
" 引号 &quot;
' 撇号 &apos;
× 乘号 &times;
÷ 除号 &divide;
posted @ 2020-03-29 22:26  派大海星  阅读(112)  评论(0)    收藏  举报