html教程之布局与文本元素
一、认识div
<div> 标签可以把文档分割为独立的、不同的部分。主要用来布局页面
<div id="eid" class="box" style="color:red;" title="div标签" onclick="alert('点击了')" name="表单" src="媒体" href="链接" >内容</div>
标签属性:id class 等
id 唯一的,一个页面只能一个
class 可以多个,通常针对css
style css样式
title 鼠标悬停显示的内容
onclick 事件
name 名称通常是表单
src 文件链接 通常 img,audio,video,iframe,script
href a,link
二、其他常用
<span> 标签被用来组合文档中的行内元素
<a> 标签定义超链接,用于从一张页面链接到另一张页面。
target:
_blank 新窗口
_self 当前窗口
_parent 父窗口 iframe
自定义的frame
<a href="" target="_blank">连接</a>
h1-h6 定义标题
<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
<h4>这是标题 4</h4>
<h5>这是标题 5</h5>
<h6>这是标题 6</h6>
<p> 标签定义段落,换行
<br />换行符
<hr> 标签在 HTML 页面中创建一条水平线。
<em> 标签来表示强调的文本
<i> 标签显示斜体文本效果。
<strong> 把文本定义为语气更强的强调的内容。
<pre> 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符
总结一下
div 来布局
span 来显示文本
a 跳转
<br />换行符
其他元素可以通过css来美化