html-day01html相关基础

简介: html-day01html相关基础

html-day01html相关基础


前端:HTML结构+CSS样式+JS交互


1.HTML: hyper Text mark-up language超文本标记语言。

超文本:除去文本之外,还可以有图片、视频、音频、超链接等等。
标记:是一套标记符号
语言:用于交流的工具
html5:HTML最新版本 + 前端技术的总称
            W3C:万维网联盟,是中立的非盈利性组织。
扩展:
  XHTML:可扩展的html
  html5最新版本的html
  html4.01是最经典的版本


2.命名规则

1.名字由数字、字母、下划线组成,不能数字开头!
2.汉译英
3.推荐使用驼峰命名法(小驼峰aboutUs、大驼峰AboutUs)


3.HTML 理论

语法:
        <开始标签 属性="属性值"> 要被标记的内容 </结束标签>
        属性是对标签进行细节描述的东西。
1.html文件格式是以.html为后缀。
2.快速注释  ctrl+/ 
3.快速生成基本结构  英文! + 回车
    <!DOCTYPE html>   文档声明
    <html>
        <head>
            <meta charset='utf-8'> 设置编码格式
            <title>网页标题</title> 
        </head>
        <body>
            网页内容
        </body>
    </html>


4.html常用的标签

1.基础标签
    1.标题 
        说明:<h1>-<h6>
            h1~h6文字依次变小,强调程度依次降低。
            标题默认自带加粗效果
        2.段落
            <p>段落内容</p>
        3.水平线
            <hr>
        4.换行
            <br>
2.文字标签
        1.加粗
            <strong></strong> | <b></b>
            推荐使用strong,有强调含义。
        2.倾斜
            <em></em> |  <i></i>
            推荐使用em,有强调作用
        3.变大
            <big></big>
            标签可以嵌套哦!
        4.变小
            <small></small>
            不能小于浏览器支持的最小字体模型!
3.特殊符号
        大空格          &emsp;
        小空格          &nbsp;
        版权            &copy;
        商标            &reg;
4.其他标签
        <sup>上标</sup>   5<sup>2</sup>
        <sub>下标</sub>   O<sub>2</sub>
        <del>删除线</del>
        <u>下划线</u>
5.图片标签
        <img src='设置图片的路径' width='图片的宽度' height='高度' alt='图片不能正确加载的时候,显示的替代文本'>
相关文章
|
1月前
|
移动开发 HTML5
HTML5的基础
HTML5的基础
6 0
|
8月前
HTML基础(一)
HTML基础(一)
|
3月前
|
移动开发 JavaScript 前端开发
HTML【基础】
HTML【基础】
41 0
|
8月前
|
移动开发 前端开发 JavaScript
|
8月前
|
前端开发
[HTML]HTML学习笔记(四)
[HTML]HTML学习笔记(四)
|
8月前
|
Web App开发 移动开发 前端开发
HTML 基础
介绍HTML基础,对于后端开发人员可以简单实现一个普通页面
|
8月前
|
存储 移动开发 搜索推荐
[HTML]HTML学习笔记(二)
[HTML]HTML学习笔记(二)
|
8月前
|
前端开发 JavaScript 数据安全/隐私保护
[HTML]HTML学习笔记(五)
[HTML]HTML学习笔记(五)
[HTML]HTML学习笔记(三)
[HTML]HTML学习笔记(三)
|
移动开发 前端开发 HTML5

热门文章

最新文章

相关实验场景

更多