wrjc1hod 发表于 2024-7-10 10:39:57

从零初始学HTML编写网页,web前端


    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 1、新建txt文本</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 2、将后缀改为html,修改文件类型</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 3、编辑时,右键打开方式<span style="color: black;">选取</span>写字板</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 4、html解释:</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 标签<span style="color: black;">通知</span>浏览器这是一个 HTML 文档。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 标签是 HTML 文档中最外层的元素。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 标准示例:</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">
      文档标题
    </p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 文档内容......</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 5、 元素是所有头部元素的容器。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">元素<span style="color: black;">必要</span><span style="color: black;">包括</span>文档的标题(title),<span style="color: black;">能够</span><span style="color: black;">包括</span>脚本、样式、meta 信息以及其他<span style="color: black;">更加多</span>的信息。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">
      文档标题
    </p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 以下列出的元素能被用在 元素内部:</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">
      (在头部中,这个元素是必需的)&lt;/p&gt;
    </p>





    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 6、 标签定义文档的标题,在所有 HTML 文档中是必需的。&lt;/p&gt;
    </p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">
      元素:&lt;/p&gt;
    </p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 定义浏览器<span style="color: black;">工具</span>栏中的标题</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> <span style="color: black;">供给</span>页面被添加到<span style="color: black;">保藏</span>夹时的标题</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">表示</span>在搜索引擎结果中的页面标题</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">
      文档标题
    </p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 7、 标签定义文档的主体。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 元素<span style="color: black;">包括</span>文档的所有内容(<span style="color: black;">例如</span>文本、超链接、图像、表格和列表等等)。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 文档内容......</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 8、 标签<span style="color: black;">插进</span>一个简单的换行符。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 标签是一个空标签,<span style="color: black;">寓意</span>着它<span style="color: black;">无</span>结束标签。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> <span style="color: black;">运用</span> br 元素在文本中换行。 </p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 9、 标签规定文本的字体、字体尺寸、字体颜色。
    </p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">#HTML 5<span style="color: black;">再也不</span>支持,<span style="color: black;">必须</span><span style="color: black;">运用</span>CSS</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">
      这是<span style="color: black;">有些</span>文本!
    </p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">
      这是<span style="color: black;">有些</span>文本!
    </p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">
      这是<span style="color: black;">有些</span>文本!
    </p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> <span style="color: black;">十、</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 标签定义段落。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">元素会自动在其前后创建<span style="color: black;">有些</span>空白。浏览器会自动添加这些空间,您<span style="color: black;">亦</span><span style="color: black;">能够</span>在样式表中规定。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">这是一个段落。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 其中可含有改变参数,语法:</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> (其中align 为属性参数的意思,是语法规则)</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 11、</p>
    <h1 style="color: black; text-align: left; margin-bottom: 10px;"> - </h1>
    标签被用来定义 HTML 标题。
    <h1 style="color: black; text-align: left; margin-bottom: 10px;">定义<span style="color: black;">要紧</span>等级最高的标题。</h1>
    定义<span style="color: black;">要紧</span>等级最低的标题。
    <h1 style="color: black; text-align: left; margin-bottom: 10px;">这是标题 1</h1>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;">这是标题 2</h2>
    <h3 style="color: black; text-align: left; margin-bottom: 10px;">这是标题 3</h3>
    这是标题 4
    这是标题 5
    这是标题 6
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 其<span style="color: black;">亦</span>支持align属性,如:</p>
    <h1 style="color: black; text-align: left; margin-bottom: 10px;">这是标题 1</h1>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 12、 定义与文本中其余部分<span style="color: black;">区别</span>的部分,并把这部分文本呈现为斜体文本。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 标签被用来<span style="color: black;">暗示</span>科技术语、其他语种的成语俗语、想法、宇宙飞船的名字等等。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在<span style="color: black;">无</span>其他适当语义的元素<span style="color: black;">能够</span><span style="color: black;">运用</span>时,请<span style="color: black;">运用</span> 元素。其他语义的元素如下:</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> (被强调的文本)</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> <strong style="color: blue;"> (<span style="color: black;">要紧</span>的文本)</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> (被标记的/高亮<span style="color: black;">表示</span>的文本)</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> (作品的标题)</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> (一个定义项目)</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">He named his car The lightning, because it was very fast.</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">输出:He named his car The lightning, because it was very fast.</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 13、<span style="color: black;">运用</span> 为文本加下划线</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">This is a parragraph.</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 输出:This is a parragraph.</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 14、 标签对<span style="color: black;">哪些</span>不正确、不准确<span style="color: black;">或</span><span style="color: black;">无</span>用的文本进行标识。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">My car is blue.</p>&lt;p&gt;My new car is silver.




听听海 发表于 2024-9-4 09:43:18

论坛的成功是建立在我们诚恳、务实、高效、创新和团结合作基础上,我们要把这种精神传递下去。

6hz7vif 发表于 2024-9-25 15:34:06

楼主继续加油啊!外链论坛加油!

nykek5i 发表于 2024-10-8 02:28:37

感谢楼主的分享!我学到了很多。
页: [1]
查看完整版本: 从零初始学HTML编写网页,web前端