1.h1~h6 p b i br<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>第一个html页面</title> </head> <body> <h1 align="right">这是h1</h1> <h2 align="center">这是h2</h2> <h3>这是h3</h3> <h4>这是h4</h4> <h5>这是h5</h5><h6>这是h6</h6> <p align="center">段落1</p> <p>段落2</p> <p>段落3</p> <!-- 字体加粗 和 斜体 br换行--> <b>abc</b><br><i>abc</i> </body> </html> <!DOCTYPE html><html><head><...
1、文本的格式化。 文本的格式包括粗体，斜体等。<b></b>定义粗体，<i>定义斜体</i>，<del></del>定义删除，如常见的价格变动，将原来的价格加上横线，然后后面接的是新的价格。<sup></sup>定义上标字，常见的例子是数学符号。<sub></sub>定义下标字，如H2O。应该着重记住和区分<sup></sup>和<sup></sup>标签。2、链接 链接的作用一般是用来跳转的，如点击链接后回跳转到另一个页面，另一个位置等等。链接用<a></a>标签表示。其...
输入框默认值设置<!--单行与多行输入框默认值--><input value="xxx"/><textarea>123</textarea>下拉框默认值设置<!--select下拉框默认选择设置--><select><option>上海</option><option selected="selected">广州</option><option>台北</option></select>单选框默认值设置<!--单选框默认选择--> 男<input type="radio" name="g1"/> 女<input type="radio" name="g1" checked="checked"/>复选框默认值设置<!--复选框默认选择--><inp...
表格的基本就是一个框架，难点就是对表格的优化处理。<table frame="hsides" border="1" width="300px" height="100px" align="center" bordercolor="#00FF00"><caption>学生信息</caption><tr><th>学号</th><th>学号</th><th>学号</th></tr><tr id="bg"><th>123</th><th>123</th><th>123</th></tr></table>这一个最简单的表格；效果如下： 至于表格的优化可以分为1.边界2.表格背景3.表格位置4.单元格间距，单元格边距。1.边界：b...
OS : Windows 10browser : Chrome 83.0.4103.116editor : Visual Studio Code 1.46.1 typesetting : Markdown html<!DOCTYPE html> <html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title> </head><body><!-- -->版权:©<br /><!-- -->注册商标:®<br /><!-- -->摄氏度:°<br /><!-- -->正负号:±<br /> </body></...
元素选择器最常见的 CSS 选择器是元素选择器。换句话说，文档的元素就是最基本的选择器：p { text-indent:10px; color:blue; } 什么情况下使用元素选择器，一般我们这样认为： 如果你想要让页面中所有的指定元素都有这个CSS效果，可以使用元素选择器。 有这样一段html代码：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><link rel="stylesheet" type="text/css" href="index.css"><title></title></head><bo...
1.Doctype作用？严格模式与混杂模式如何区分？它们有何意义? 1）<!DICTYPE>声明位于文档中的最前面，处于<html>标签之前，告诉浏览器的解析器，用什么文档类型来规范解析这个文档。 2）严格模式的排版和js运作模式是以该浏览器支持的最高标准运行 3）在混杂模式中，页面以宽松的向后兼容的方式显示，模拟老式浏览器的行为以防止站点无法工作 DOCTYPE不存在 或格式不正确会导致文档以混杂模式呈现 ...
学习 HTML目标：学习如何使用 HTML 来创建站点HTML 简介首先看一段 HTML 示例：<html> <body><h1>我的第一个标题</h1><p>我的第一个段落。</p></body> </html> 什么是 HTML？HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言 (Hyper Text Markup Language)HTML 不是一种编程语言，而是一种标记语言(markup language)HTML 使用标记标签来描述网页HTML 标签的特性：关键词由尖括号包围而成，如 成对出现，如 <b> 和 </b>，...
HTML 5新增的主体结构元素：article：表示完整的、独立的，可以被外部独自引用的内容。如一篇博客，报刊中的文章，帖子，用户评论或独立的插件。Section：用于网站页面上的内容进行分块。由内容及标题组成。Nav：用作页面导航的连接组。如：导航栏，页内导航，翻页操作等。Aside：表示当前页面的附属信息部分。如：引用，广告，侧边栏等。Time：datetime.pubdate(发布日期) 新增的非主体结构元素：header：引导和导航作用的元素。 ...
原文：http://www.cnblogs.com/hegui/p/7680173.html
HTML 表格HTML 图像HTML 列表你可以使用 HTML 创建表格。实例表格这个例子演示如何在 HTML 文档中创建表格。表格边框本例演示各种类型的表格边框。（可以在本页底端找到更多实例。）表格表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等...
1.图片标签<img src="图片来源" alt="替换文本" title="提示文本" width="图片宽度" height="图片高度"/> <!--例--> <img src="img.JPG" alt="测试图片" title="测试图片" width="400px" height="500px"/> 2.超级链接<a href="去往路径" title="提示文本" target="_blank">链接文本</a>超链接优化写法 ：<base target=”_blank”>空链接：<a href=”#”>链接文本</a>锚点：<p id=”xd”></p>…………<a href=”#xd”>链接文本</a>3...
html基础代码运用：关于登陆注册的登陆面的：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>致敬咪哥</title> <style tupe="text/css"> a:link{color:red;} a:hover{color:green;} p{font-size:10px;} </style></head><body><h1>咪哥登陆中心</h1><hr/><form action="" method="post" name="登陆"><div> <label for="text" name="User-name" class="">用户名</label>...
主要是记录自己从基础开始扎实学习html的过程，这周是第一周，下面是我实现的几个实例，主要还是比较基础的东西通过整理一遍的方式来巩固一下自己首先就是超链接<a href="熨斗林佳鹏.html" target="_blank">灿坤蒸汽电熨斗</a>这样就可以通过点击这句话跳转到另外一个html，target属性则可以让这个被链接的东西在何处显示然后是多层次显示，通过不同的标题实现<!DOCTYPE html><html><head><meta charset="utf-8"><title>林佳鹏-练习...
案例一：导航菜单的制作垂直菜单<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>无标题文档</title><style type="text/css">* {margin: 0;padding: 0;font-size:14px;}ul{list-style:none;width:100px;}a{text-decoration:none;display:block;height:30px;line-height:30px;width:100px;background-color:#ccc;margin-bottom: 3px;text-align:center;}a:hover{color:red;font-weight:bold;bac...