1.HTML文档的基本结构与语法

<html>
<head><title>一个简单的HTML实例</title></head>
<body>
<h2 align="center">一个简单的HUTL示例</h2>
</body>
</html>

2.HTML标记及其属性

<html>
<head><title>标题名</title><body><p>这是我的第一个段落</p></body>
</head>
</html>

3.段落标记

<html>
<body>
<p>div标记不同段落</p>
<div>段落1</div>
<div>段落2</div>
<div>段落3</div>
<p>span标记同一段</p>
<span>段落1</span>
<spac>段落2</spac>
<span>段落3</span>
</body>
</html>

4.文字标记

<html>
<body>
<head>
</head>
<h1>这是第一段</h1>
<h2>这是第二段</h2>
<h3>这是第三段</h3>
<h4>这是第四段</h4>
</body>
</html>

5.表格标记

<html>
<body>
<table border="1"><caption>表格示例</caption><tr><th>label1</th><th>label2</th><th>label3</th></tr><tr><td align="left">left</td><td align="center">center</td><td align="right">right</td></tr><tr><td valign="top">top</td><td>center</td><td valign="bottom">bottom</td>   </tr>
</table>
</body>
</html>

<html>
<body>
<table border="1"><tr><th>姓名</th><th colspan="2">电话</th></tr><tr><th>张三</th><th>633 77 854</th><th>673 77 855</th></tr>
</table>
</body>
</html>

<html>
<body>
<table border="1"><tr><th>姓名</th><th>张三</th></tr><tr><td rowspan="2"></td><td>673 77 854</td></tr><tr><td>673 77 855</td></tr>
</table>
</body>
</html>

6.超链标记

<html>
<body>
<h2 id="avio">Avio</h2>
<a href="#avio">what's avio</a>
<a href="biaoji.html#avio">what's avio</a>
</body>
</html>

<html>
<head><h2 id="avio2">avio2</h2>
</head>
</html>

<html>
<body>
<a href="mailto:88304454@qq.com">热点文本</a>
</body>
</html>

单击热点文本，将打开默认的电子邮件程序并自动填写邮件地址

<html>
<body>
<a href="#记号名">热点文本</a>
<a name="记号名">目标文本</a>
</body>
</html>

7.图片

<html>
<body background="TIM截图20191003162333.png"><img src="TIM截图20191003162740.png" alt="picture">
</body>
</html>

用图片作为超链接

<a herf="URL">
<img src="图片文件名">
</a>

8.列表

无序列表标记

<ul tpye="符号类型">
<li>1</li>
</ul>

有序列表标记

<ol>
</ol>

【网页前端设计Front end】HTML语言基础.上(看不懂你来打我)相关推荐

【网页前端设计Front end】CSS入门（看不懂你来打我）
文章目录 **css的基本语法和使用方法** **css的层次及其作用优先级** **css常用属性** **css布局** css的基本语法和使用方法 /*选择符组*/ /*类选择符*/ /*id选 ...
【网页前端设计Front end】JavaScript教程.上（看不懂你来打我）
文章目录 **1.JavaScipt的作用和特点** **2.JavaScript语法** **3.JavaScript函数** **4.JavaScirpt的使用方法** 如需使用外部文件,需要在标 ...
【网页前端设计Front end】HTML语言基础.下(看不懂你来打我)
文章目录文本框,password示例复选框示例单选框示例文件提交按钮标记标记提交按钮和重置按钮 HTML表单文本框,password示例 <form> <p>请 ...
【网页前端设计Front end】JavaScript教程.下（看不懂你来打我）
文章目录 onclick事件 onmousedown事件文本输入框即选择域的内容变化事件onchange JavaScript表单处理--radio单选钮 JavaScript事件及处理 oncli ...
web前端网页设计作业_网页前端设计快速入门技巧
我最近收到部分在校学生的邮件,很多在临近毕业实习这段时间,面临着找工作,表示压力非常大,也不知道如何去选择,大多数都是处于迷茫期,问我怎么办?也有想学前端的,问我怎么才能够快速的入门? 先说我自己吧, ...
web前端网页设计作业_如何学习网页前端设计培训？
学习网页的前端设计分为几个步骤或者说几个网页设计教程大类. 一个是熟练掌握各种网页设计需要的操作软件,然后就是WEB界面设计与项目设计,最后还有WEB整站设计实训. 如何学习网页的前端设计呢? 许多零 ...
网页前端设计-作业三(JavaScript)
参考教材:HTML5网页前端设计(第2版 ) 作者:周文洁 1 . 普通 (2分)如何使用JavaScript对浮点数进行四舍五入获取最接近的整数值? 使用Math.round()方法. 2 . 普 ...
HTML5前端页面设计,HTML5网页前端设计
HTML5网页前端设计编辑锁定讨论上传视频 <HTML5网页前端设计>是2017年6月清华大学出版社出版的图书,作者是周文洁. 书名 HTML5网页前端设计作者 ...
html5网页前端设计当当,HTML5网页前端设计实战
本书是一本从零开始学习的Web前端开发教材,无需额外的基础.本书以项目驱动为宗旨,详细介绍了HTML5.CSS3与JavaScript的基础知识与使用技巧.本书包含例题228个,均在浏览器中调试通过. ...

【网页前端设计Front end】HTML语言基础.上(看不懂你来打我)

文章目录

1.HTML文档的基本结构与语法

2.HTML标记及其属性

3.段落标记

4.文字标记

5.表格标记

6.超链标记

7.图片

8.列表

【网页前端设计Front end】HTML语言基础.上(看不懂你来打我)相关推荐

最新文章

热门文章