外链论坛

 找回密码
 立即注册
搜索
查看: 22|回复: 0

「前端」 - HTML-基本

[复制链接]

715

主题

0

回帖

9914万

积分

论坛元老

Rank: 8Rank: 8

积分
99148140
发表于 7 天前 | 显示全部楼层 |阅读模式

1、web前端研发概述

HTML是网页内容的载体,期盼用户浏览的信息,能够包括文字、照片、视频等。

CSS样式是表现,修饰标题、字体、颜色,背景照片、边框等。

JavaScript是用来实现网页上的特效、动画、交互。

2、HTML

HTML指的是超文本标记语言(Hyper Text Markup Language),为一种标记语言,经过标记标签来描述网页,需编译,直接由浏览器执行解析。

1993年HTML 1.0并未标准化,1995年W3C颁布HTML 2.0,逐步完善和标准化,1997年HTML 4.0及1999年HTML 4.0.1颁布,2014年HTML5定稿。

标签、元素(起始标签+内容+结束标签)、属性、注释。

<标签名 属性名A="属性值" 属性名B="属性值" ... >内容</标签名>

A、标签

块级元素与内联元素的区别,重点在于浏览器会自动的在段落的前后添加空行,然则经过CSS布局,能够使得内联元素持有块特性。

针对单标签,意见增多反斜杠对标签进行闭合。

1.段落标签

<h1>-<h6>

<p>

align,left/right/center/jsutify-对行进行伸展,每行都由相等长度

<pre></pre>,预格式化标签

<br/>

<!DOCTYPE html>,不属于HTML标签,用于声明文档的类型,必须放在文本的第首行。

2.修饰标签

<i></i>

<em></em>

<b></b>

<strong></strong>

<sub>,下标

<sup>,上标

1.块级元素

<p></p> - 段落 <hx></hx> - 标题 <blockquote></blockquote> - 块引用 <hr> - 水平分隔线 <ol></ol> - 排序列表 <ul></ul> - 非排序列表 <table></table> - 表格 <form></form> - 表单 <div></div> - 层

2.内联元素

<a></a> - 链接 <q></q> - 短引用 <br> - 换行 <img> - 照片 <input></input> - 输入框 <label></label> - 表格标签 <select></select> - 项目选取 <textarea></textarea> - 多行文本输入框 <span></span> - 内联容器

B、特殊标签(属性)

1.属性

始终为属性加双引号"" 属性和属性值对体积写不敏锐举荐小写)

2.通用属性

class - 规定元素的类名(classname) id - 规定元素的独一 id style - 规定元素的行内样式(inline style) title - 规定元素的额外信息

3.超链接标签(锚)

<a name="tips">基本的重视事项 - 有用的提示</a> <a href="#tips">有用的提示</a> <a >有用的提示</a>

4.照片标签

<img src="/i/eg_mouse.jpg" width="50" height="50">

C、避免运用标签和属性

内容和表现分离,运用style属性/CSS代替。

<center> <font>和<basefont> <s>和<strike> 删除线 <u> 下划线 属性 align - 对齐方式 bgcolor - 背景颜色 color - 文本颜色

D、小心运用的标签

运用<span></span>,经过CSS能够调节表示效果。

<b> - 粗体 <strong> - 加重语气 <big> - 大号字 <small> - 小号字 <em> - 着重文字 <i> - 斜体字 <sub> - 下标字 <sup> - 上标字 <ins> - 插进字 <del> - 删除线

E、表格标签

<table></table> - 行 <tr> - 单元格/表格数据 <td> - 表头 <th> - 标题

F、列表

1.序列表<ul>(粗体圆点进行标记)

<ul> <li>Coffee</li> <li>Milk</li> </ul>

2.有序列表<ol>(运用数字进行标记)

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|外链论坛 |网站地图

GMT+8, 2024-7-6 16:57 , Processed in 0.112213 second(s), 20 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.