软件案例开发分析

HTML基本标签(一)

1.HTML:Hyper Text Markup Language 超文本标签语言HTML:网页的“源码”浏览器:“解释和执行”HTML源码的工具
2.HTML 网页结构:<html><head><title>我的第一个网页 </title></head><head>头部部分<body > Hello World!</body><body>主体部分</html>
3.编辑工具:记事本,UltraEdit
4.网页摘要信息利于浏览器解析和搜索引擎搜索:1)使用标签2)使用标签<br/> (1)描述文档类型和字符编码<code><head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /></head></code><br/> (2)描述搜索关键字和描述<code><head> <meta name= "keywords" content= "淘宝,网上购物,在线交易,交易市场" /> <meta name= "description" content= "淘宝网-亚洲最大、最安全的网上交易平台,提供各类服饰、美容、家居、数码、……" /></head></code><br/> 5.HTML标签分类(方便后续的布局设计):<br/> 块级标签:显示为“块”状,前后隔一行<br/> 行级标签:按行逐一显示

块级标签

1.标题标签<h1>标题</h1>……<h6>标题</h6>
2.段落标签<p>……</p>
3.水平线标签<hr />
4.有序列表标签<ol> <li>列表项1</li> … … </ol>
5.无序列表标签<ul> <li>列表项1</li> …… </ul>
6.定义描述标签 <dl> <dt>标题</dt> <dd>描述1</dd> ……</dl>
7.表格<table> <tr> <td>百度</td> <td>新浪</td> </tr> ……</table> <table>--表格<tr> --行 --列(单元格)
8.表单<form> …… </form>
9.分区标签 <div>……<div style="width:400px; height:300px; background:#9FF"> <p>……</p> <h3>新人上路</h3> <ul> …… </ul>div其实就是一个… ……`

请说出实际开发常用的4种块状结构是什么?

1、div-ul(ol)-li :常用于分类导航或菜单等
2、div-dl-dt-dd :常用于图文混编的场合
3、table-tr-td :常用于图文布局或显示数据
4、form-table-tr-td:常用于布局表单

行级标签:

1.图像标签提示文字
2.范围标签 :显示某行内的独特样式文本等行级内容
3.换行标签

XHTML 1.0基本规范:

标签名和属性名称必须小写
HTML标签必须关闭
属性值必须用引号括起来
标签必须正确嵌套 必须添加文档类型声明

猜你喜欢

转载自blog.csdn.net/zyc2018/article/details/88555303