HTML和CSS网页开发基础
2018-06-24 02:10:45来源:未知 阅读 ()
一 HTML文档结构
HTML文档结构:<html>、<head>、<title>、<body>构成HTML页面中最基本的元素。
HTML常用标记:1.换行标记 <br> 2.段落标记 <p> </p> 3.标题标记 <h1>~<h6> 数字越小,级别越高。 4.居中标记 <center>需居中内容</center>
5.文字列表标记 有序<ol>无序<ul>
二 表格标记
1. 表格标记 <table> : <table>标记中有很多属性,如width设置表格的宽度,border设置表格的边框,align设置表格的对齐方式,bgcolor设置背景颜色。
2.标题标记 <caption>
3.表头标记 <th>
4.表格行标记 <tr> :以<tr>开头</tr>结尾,一组<tr>表示表格 中的一行。但<tr>必须嵌套在<table>标记中使用。
5.单元格标记又叫列标记 <td> :一个<tr>可以嵌套若干个<td>
三 HTML表单标记
1.<form>..</form>表单标记
定义处理表单数据程序的URL地址信息等,基本语法格式:
<form action="url"mathod="get"|"post"name="name"onsubmit="单击提交触发事件"target="_self/_blank/_parent">
</form>
2.<input>表单输入标记
<input>能够演变为表单中许多不同的元素,取决于type属性
type取值:
CSS选择器
1.标记选择器:html页面是由很多标记组成的,如图像标记<img>、超链接标记<a>、表格标记<table>等。css标记选择器就用于声明页面中哪些标记采用了css样式。
2.类选择器:标记选择器有一定局限性,声明一个标记选择器后,页面中所有该标记的内容都会有相应的变化。
类别选择器名称由用户自己定义,并以”.“开头。只需用class声明即可。
<style>
.one{
color:red;
}
</style>
....<h2 class="one">选择器</h2>
3.id选择器
以”#“开始后加html标记中的id属性值。和类别选择器类似,但html页面中不能包含两个相同的id标记,因此也定义id选择器就只能被使用一次。
4.页面中包含css样式的几种方式:行内样式、内嵌式、链接式。
六。CSS3新特征
1.模块与模块化结构:
常用模块:basic box model 定义各种与盒子相关的样式
Line 定义各种与直线相关的样式
Lists 定义各种与列表相关的样式
Text 定义各种与文字相关的样式
Color 定义各种与颜色相关的样式
Font 定义各种字体相关的样式
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:返回页面顶部最简单方法
下一篇:Web前端体系的脉络结构
- DIV居中的经典方法 2020-06-13
- CSS中的float和margin的混合使用 2020-06-11
- Html/css 列表项 区分列表首尾 2020-06-11
- css与javascript重难点,学前端,基础不好一切白费! 2020-06-11
- ie8下透明度处理 2020-06-11
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash