您的位置：首页 > Web前端 > HTML

HTML语义元素

2017-12-25 16:40 148 查看

HTML语义元素

HTML文档结构：文档类型、根元素<html></html>、头元素<head></head>，在头元素中用标记<title>指定文档标题，<meta>标记指定字符编码、主体元素<body></body>
段落标记<p></p>:段落标记的段前和段后各有一行空白行
换行标记<br>
正文的标题标记<h1>到<h6>，其中<h1>标题的文字最大，<h6>标题的文字最小
列表标记：<ul></ul>表示无序列表、<ol></ol>表示有序列表；其中<li>表示列表项
图片标记<img>: 常用属性为 src---图片来源、width和height----宽度和高度、alt---图片未显示时显示的文字
超链接标记<a></a>: 常用属性为 href---超链接地址
<header></header>表示定义页面的页眉、<footer></footer>表示定义页面的脚注
<article>标记表示文档或者页面的正文部分
<aside></aside>用来表示当前页面或文章的附属信息
<nav></nav>表示页面的导航链接区域
表格：表格标记<table></table>、<caption>表格标题</caption>、<tr>表格行</tr>、<td>表格列</td>
音频标记<audio></audio>和视频标记<vedio></vedio>
表单标记：<form></form> 属性：name---表单名称、method---指定表单的提交方式，可选项包括POST和GET、action--表单的处理页地址
表单中的标记：表单输入标记<input></input> 常用属性：type---指定添加的输入字的类型、checked---输入字段是否处于被选中状态
表单中的标记：下拉列表标记<select></select> <option></option>表示列表中的内容
表单中的标记：多行文本标记<textarea></textarea> 常用属性：rows---文本框的行数 cols----文本框的列数
CSS样式表
CSS样式表有四种定义与引用方式：行内样式、内嵌式、链接式、导入式
行内样式：<p style = "color:blue">文字</p>
内嵌式：在头元素<head></head>中使用<style></style>标记将CSS样式包含在页面中
链接式：CSS样式定义在一个独立的文件中，然后在HTML页面中通过<link>标记引用，其语法结构如下：<link rel="stylesheet" href="CSS文件的路径" type="text/css">
导入式：在<style></style>标记里导入一个外部样式表，导入时使用@import实现

CSS规则

CSS语法结构：选择器{ 属性：属性值}

选择器分为三类：标记选择器、类别选择器、ID选择器

类别选择器的名称由用户自己定义，并以“.”开头

ID选择器的名称要以“#”开始

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航