点击刷新
一、 什么是web前端？
Web前端一般由多种开发技术制作，是给用户展示的网页页面，即网站的前台部分。是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。
二、什么是html？
HTML全称Hyper Text Mark-up Language 翻译过来就是超文本标签语言，标签也可称作标记或者元素。它是目前网络上运用最广泛的前端技术之一，也是网页构成最主要的部分之一。
HTML文本是由HTML标签构成的描述性文本，HTML文本可以表述 文字 表格 声音 图形 动画 链接等。HTML是WEB编程的基础。
HTML结构由头部（head）和主体（body）构成：
1.头部描述了浏览器所需的信息。
2.主体包含要说明的具体内容。
三、所学标签
3.1常见标签
b/strong：加粗标签，strong带有语气成分 b=bold
i/em：斜体标签，i=italic em=
u：下划线，u=underline
del：删除线
dr：换行线
p：段落标签，paragraphs
pre：格式化输出标签
span：众多行内标签之一，用来修饰被他包裹的内容
div：众多块元素之一，即使内容不满一行，也占一行
行内标签：用来修饰被他包裹的内容，不能直接支持宽高属性
块标签：即使内容不满一行，也占一行
自结束标签：不需要结束标签的标签，若有html文件斜杠可以省略
sub：一个下标签
sup：一个上标签
hr：分割线标签
hn=h1-h6：标题标签 h1最大 h6最小
3.2语义化标签
优点：
增强代码，可读性，提高程序员维护效率，降低维护成本
可以为搜索引擎起到引导作用
3.3 多媒体标签
img:显示图片标签
四、 网页实践
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p style="font-size: 20px;"><b style="font-size: 25px;">《侠客行》</b><b
>赵客漫胡，昊钩霜雪明。</b><p>
<div style="width: 500px;">
<div style="width: 230px; float: left;"> <img src="1.jpg"></div>
<div id="xx" style="width: 260px; float: right;font-size: 15px;" >
<pre>赵客漫胡，昊钩霜雪明。
银鞍照白马，飒沓如流星。
十步杀—人，千里不留行。
事了拂衣去，深藏身与名。
闲过信陵饮，脱剑膝前横。
将炙啖朱亥，持觞劝侯嬴。
三杯吐然诺，五岳倒为轻。
眼花耳热后，意气素霓生。
救赵挥金锤，邯郸先震惊。
千秋二壮士，烜赫大梁城。
纵死侠骨香，不惭世上英。
谁能书阁下，白首太玄经。
纵死侠骨香，不惭世上英。</pre></div>
</div>
</body>
</html>
截图：
© 著作权归作者所有
举报
发表评论
0/200
