网页制作

HTML5超文本标记语言的实现方法
网页制作 2024/11/15 佚名
3 2

HTML5：超文本标记语言

html5：用来表达是什么，而不是表达格式

标记

<!DOCTYPE html>
<html>
    <head>
        <title>我的页面</title>
        <meta charet=utf-8>
    </head>
    <body>
        我的第一个html页面
    </body>
</html>

浏览器会根据本机编码来解析html

段落（一般浏览器不换行）

分段

——段落，最后呈现的效果（如是否空行等等，由浏览器来决定）

段内分行<br>无结束标记

第一级标题<h1></h1>,可作六级标题，数字越大，字符越小（内含自动换行）

拆单词<wbr></wbr>，告诉浏览器此单词可分开，以保证右对齐

连续的两层标题<hgroup></hgroup>

<hgroup>
    <h1>我喜欢</h1>
    <h2>你啊</h2>
</hgroup>

字体样式

加粗<b></b>,斜体<i></i>,可嵌套

打字机的字体<tt></tt>,字缩小<small></small>

删除<del></del>加入<ins><ins>

不被提倡的<s></s>效果与del类似

上标( 平方)<sup></sup>,下标<sub></sub>

高亮<mark><mark>

短语格式

强调<em></em>着重<strong></strong>,定义<dfn></dfn>，代码（小段）<code></code>，例子代码<samp></samp>，用户输入<kbd></kbd>，变量<var></var>，引用<cite></cite>

特殊格式

地址<address></address>，缩进（可嵌套）<blockquote></blockquote>，小引用<q></q>,不做格式重排（可原本展示原有格式）<pre></pre>

属性

加入分割线<hr>，无结束符号，<hr width=50%>(width=50,占50个像素点),分割线长度占页面50%，高度size=10，align=lest 靠左，缩写<abbr title="中华人民共和国">PRC</abbr>

所有标记都可跟title=“”在鼠标停留后出现文字

<bdo dir=rtl><bdi></bdi></bdo>,文字从右向左排

小于符号/大于符号：a<2——a&lt;2,a>2——a&gt;2,&:&amp;,不可打断的空格&nbsp;ü——&uuml;,Ü——&Uuml；

列表

形成文字前的·（形成文字前的数字，即将<ul>变成<ol>）

<ul>
    <li>红茶</li>
    <li>可乐</li>
</ul>

若用<ol strart=-1>,则第一个项目标号-1

形成词条 方糖 方的糖，甜的

<dl>
    <dt>方糖</dt>
    <dd>方的糖，甜的</dd>
</dl>

图片

在html中被看做一个字符，从左往右与字符一起排<img src="mama.jpg(可加其他网站的网址)" width="200" alt="mama"(放在图片底层，以免加载不出)/>，传统上属性的值加引号，gif，jpg，png其他格式不一定可在浏览器看，加入网页<iframe src="http://....com"><iframe>,可加width hight属性

链接

1.<a href="http: "（协议非常重要，要是没有会找当前目录下）>网易新闻</a>，在文字“网易新闻上”加超链接

2.导航至该网页里的某一段落：在某一段落的<p>中写上<p id="haha">(h1,h2也可以用)，用超链接<a href="you.html #haha">前往you网页的位置</a>

若有<a href="http://news.163.com" target=-blank(建立新的空白页面)>网易新闻</a>

在图形上建立超链接

<img src="" width=100 hight=100 usemap="#map" />
<map name="map">
    <area shape="ract" coords="0,0(坐标),50,50（长宽）" href="http..." alt="news" />
  <area shape="circle" coords="75,75,25（半径）" href="http..." alt="news" />  
</map>

表格

<table></table>,大表格有

<thead>
<tbody>
<tfoot>
</tfoot>
</tbody>
</thead>

<table>:此时无格子线<table border="1">:此时有格子线

<tr>表格的一行
    <td>ios</td>一行中的一格
    <td>yes</td>
    <td>yes</td>
</tr>

<thead>
    <tr>
        <th>OS</th>
        <th>Chinese</th>
        <th>French</th>
    </tr>
</thead>

`表格`

列宽会根据表格自动调整

标签：
HTML5超文本标记语言
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
岱庙资源网 Copyright www.zgmyg.com

评论“HTML5超文本标记语言的实现方法”

暂无“HTML5超文本标记语言的实现方法”评论...
www.zgmyg.com 岱庙资源网
129,905影音资源
244,626技术资源
111,817软件资源
578,645站长资源

更新日志

友情链接

杰晶网络 DDR爱好者之家 桃源资源网 杰网资源 富贵资源网 南强小屋 铁雪资源网 幽灵资源网 万梅资源网 狼山资源网 白云岛资源网 昆仑资源网 相思资源网 明霞山资源网 内蒙古资源网 黑松山资源网 茶园资源网 饿虎岗资源网 大旗谷资源网 常春岛资源网 岱庙资源网 兴国资源网 快活林资源网 蝙蝠岛资源网 帝王谷资源网 白云城资源网 伏龙阁资源网 清风细雨楼 天枫庄资源网 圆月山庄资源网 无争山庄资源网 神水资源网 移花宫资源网 神剑山庄资源网 无为清净楼资源网 金钱帮资源网 丐帮资源网 华山资源网 极乐门资源网 小李飞刀资源网 凤求凰客栈 风云阁资源网 金狮镖局 鸳鸯亭资源网 千金楼资源网 更多链接
岱庙资源网 Copyright www.zgmyg.com