基本符号,图像文字引用,锚链接

html基本符号
<h1>h1>一级标题(1-6)
<p>段落
<br>分行
<hr/>水平分割线
<strong>字体加粗 大小和原本文字一致(h4)(和h4的区别:strong不会换行,不会对行间距造成变化)
<em>包裹内容中字体变为斜体
 代表空格,html页面本身多个空格只能显示为一个空格,若需要多个空格则需要 
>大于号
<小于号
"双引号
©版权符号 
img图像标签
a超链接
注释
块标签:<p>p><h1>h1><hr/>
行标签:<br><em>em><strong>strong><a>a><img>

图像引用基本符号,图像文字引用,锚链接_第1张图片


<html>
    <head>
        <meta charset="utf-8">
        <title>title>
    head>
    <body>
        <img src="..\Demo001\1.jpg" alt="图片未能正常显示" title="" width="1000px" height="200px">
    body>
html>

引用

基本符号,图像文字引用,锚链接_第2张图片


<html>
    <head>
        <meta charset="utf-8">
        <title>title>
    head>
    <body>
        <a href="StrongAndEm.html" target="_blank" >
            <img src="徐志摩.jpeg" />
        a>
    body>
html>

锚链接
基本符号,图像文字引用,锚链接_第3张图片

先将图片用锚标记,每个图对应一个锚


<html>
    <head>
        <meta charset="utf-8">
`` <title>title>
    head>
    <body>
        <a name="m1">锚1a>
        <p>
            <img src="徐志摩.jpeg" width="150%">
        p>
        <a name="m2">锚2a>
        <p>
            <img src="徐志摩.jpeg" width="150%">
        p>
        <a name="m3">锚3a>
        <p>
            <img src="徐志摩.jpeg" width="150%">
        p>
    body>
html>`

<html>
    <head>
        <meta charset="utf-8">
        <title>title>
    head>
    <body>
        <a href="Target.html#m1" target="_blank">锚1a>
        <a href="Target.html#m2" target="_blank">锚2a>
        <a href="Target.html#m3" target="_blank">锚3a>
    body>
html>
 <a href="Target.html#m1" target="_blank">锚1a>
href跳转到所需页面

你可能感兴趣的:(基础,html)